Хорошо, у меня есть макет, как на этом рисунке:
Таблицу в верхней части экрана составляют:
Просмотр списка сообщений
define(['backbone','collections/messages','views/message'], function(Backbone, MessageCollection, MessageView) {
var MessageListView = Backbone.View.extend({
el: '#messagesContainer',
initialize: function() {
this.collection = new MessageCollection();
this.collection.fetch({reset:true});
this.listenTo( this.collection, 'reset', this.render );
this.table = this.$el.find("table tbody");
this.render();
},
render: function() {
this.collection.each( function(message, index) {
this.renderMessage(message, index);
}, this);
},
renderMessage: function(message, index) {
var view = new MessageView({
model:message,
className: (index % 2 == 0) ? "even" : "odd"
});
this.table.append( view.render().el );
}
});
return MessageListView;
});
Просмотр сообщения
define(['backbone','models/message'], function(Backbone, MessageCollection, MessageView) {
var MessageView = Backbone.View.extend({
template: _.template( $("#messageTemplate").html() ),
render: function() {
this.setElement( this.template(this.model.toJSON()) );
return this;
},
events:{
'click':'select'
},
select: function() {
// WHAT TO DO HERE?
}
});
return MessageView;
});
Просмотр приложения
define(['backbone','views/messages'], function(Backbone, MessageList) {
var App = Backbone.View.extend({
initialize: function() {
new MessageList();
}
});
return App;
});
Скоро добавлю новый вид (может быть "PreviewView") в нижней части экрана.
Я хочу, чтобы что-то происходило внутри "PreviewView", когда пользователь щелкает строку.
Например, может быть интересно отображать другие атрибуты модели (детали, например) внутри PreviewView.
Какова наилучшая практика?
- удерживая ссылку на PreviewView внутри каждого MessageView?
- запуск событий внутри метода select и прослушивание их с помощью on() в режиме предварительного просмотра.
- используя временный атрибут «выбранный» в моей модели и заставить PreviewView прослушивать события «изменения» коллекции?
Спасибо, если вам нужна дополнительная информация, скажите мне, пожалуйста, я отредактирую вопрос.