用户选择视图是许多不同视图的共享子视图。 问题在于,当用户被点击时,每个父视图都需要发生不同的事件。 例如:
有什么方法可以将处理程序传递给子视图吗? 下面的代码传递处理程序,但在初始化子视图时立即执行。
ProjectManager.Views.BoardTask = Backbone.View.extend({
...
toggleSelectUser: function () {
let self = this;
let userSelectionView = new ProjectManager.Views.UserSelection({
collection: self.collection,
attributes: {
onResultClick: self.updateUser
}
});
$(".main-container").append(userSelectionView.render().$el);
userSelectionView.position(self.$(".board-task-user-picture"));
},
updateUser: function (user) {
// Update the assigned user of the board task
},
...
});
将函数绑定到父视图,然后将其传递到选项中的子视图似乎可以解决这个问题。
let self = this;
let userSelectionView = new ProjectManager.Views.UserSelection({
collection: self.collection,
onResultClick: self.updateUser.bind(self)
});