在木偶视图中动态地向BackGrid添加列

Question

所以，我有一个复杂的木偶应用程序与几个复合视图。我试图向视图添加动态BackGrid，但似乎无法让它添加列。我创建了网格，并将其添加到视图中，按照这篇文章:Backgrid集成。但是，每次添加列时，似乎都需要重新创建Backgrid。这是令人难以置信的浪费!

有什么想法在哪里寻找解决方案吗?

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

这个到木偶文档的链接可能也会对你有所帮助，它介绍了如何操作网格-

Backgrid - ref -操纵网格