在 Marionette 视图中向 BackGrid 动态添加列

【问题标题】：Dynamically adding columns to BackGrid inside a Marionette view在 Marionette 视图中向 BackGrid 动态添加列
【发布时间】：2015-06-05 16:49:15
【问题描述】：

所以，我有一个复杂的 Marionette 应用程序，其中包含多个复合视图。我正在尝试将动态 BackGrid 添加到视图中，但似乎无法让它添加列。我根据这篇文章创建网格并将其添加到视图中：Backgrid integration。但是，似乎每次添加列时都需要重新创建 Backgrid。这真是太浪费了！

关于在哪里寻找解决方案的任何想法？

【问题讨论】：

标签： marionette backbone-views backgrid

【解决方案1】：

我也在寻找这个确切的东西。

我发现网格本身有一个 insertColumn 和 removeColumn 方法可用。 insertColumn 函数采用以通常方式格式化的列（所有示例都显示的方式） -

{name:<name_here>, label:<label_here>, cell:<cell_type_here>}

添加一列变得像 -

    var Model = Backbone.Model.extend({});
    var Collection = Backbone.Collection.extend({ model: Model });
    var column = {name:"test_name", label:"test_label", cell:"string"};
    var myBackgridObject = new Backgrid.Grid({columns: {}, collection: new Collection([])});

    myBackgridObject.insertColumn(column);

此木偶文档的链接也可能对您有所帮助，它超越了操纵网格 -

Backgrid ref - manipulating the grid

【讨论】：