backbone.js - Backgrid 捕获全选事件

Question

(让我先说一下我是 Backbone 和 Backgrid 的新手。)我正在使用 Backgrid 和全选扩展，但我遇到了“捕获”我的包含/父 View 中全选触发的事件的问题。我想在主网格中选择一行时显示详细信息 View 。因此，我需要网格中的选择事件冒泡到父 View ，以便它可以在另一个 View 中显示详细信息。

var view = Backbone.View.extend({
    el: '.grid',
    initialize: function () {

        var columns = [{
            name: "id",
            label: "ID",
            editable: false,
            cell: "string"
        }, {
            name: "",
            label: "Action",
            cell: "select-row"
        }];

        var grid = new Backgrid.Grid({
            columns: columns,
            collection: this.collection
        });

        $("#backgrid").append(grid.render().$el);
    });
});

现在我想我想在 View 中添加这样的东西

events: {
"backgrid:select": "<name of the function i want to call>"
}

但这似乎行不通。任何帮助将不胜感激。

Answer 1

我能够回答我自己的问题...在 View 中添加...

this.collection.on('backgrid:selected', function(model, selected) { 
   //do what i need here 
});

backgrid 已经触发了事件 backgrid:select(通过模型处理)，但它也触发了事件 backgrid:selected，它在集合中冒泡......这又可以通过父 View 访问。

可以找到对指出这一点的官方 API 文档的引用 here