提问者:小点点

如何将函数传递给主干子视图


用户选择视图是许多不同视图的共享子视图。 问题在于,当用户被点击时,每个父视图都需要发生不同的事件。 例如:

  • 如果任务视图是父视图,则单击用户搜索结果会将该用户分配给任务
  • 如果项目视图是父视图,则单击用户搜索结果将使该用户成为项目的所有者

有什么方法可以将处理程序传递给子视图吗? 下面的代码传递处理程序,但在初始化子视图时立即执行。

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
    },

    ...
});

共1个答案

匿名用户

将函数绑定到父视图,然后将其传递到选项中的子视图似乎可以解决这个问题。

let self = this;
let userSelectionView = new ProjectManager.Views.UserSelection({
    collection: self.collection,
    onResultClick: self.updateUser.bind(self)
});