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

Question

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

关于在哪里寻找解决方案有什么想法吗？

Answer 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);

link 到 marionette 文档也可能对您有所帮助，它会处理网格 -

Backgrid ref - manipulating the grid

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

Dynamically adding columns to BackGrid inside a Marionette view

backbone-views

backgrid

marionette