在 Backgrid 列中添加元素

Question

大家好，我正在使用 backgrid 来渲染我的表格。我不知道如何在列中添加元素。谁能告诉我该怎么做。

Answer 1

在此处查看文档/api 后：http://backgridjs.com/ 您可以通过以下方式实现：

// Since 0.3.0, you can listen to the `backgrid:next` to see if a cell
// movement was out of bound, if yes, you can insert a new row.

// A movement is only out of bound when the user was trying to go beyond
// the last row.
grid.collection.listenTo("backgrid:next", function (i, j, outOfBound) {
  // this will add a row using the collection's model too
  if (outOfBound) grid.collection.add({});
});

您可以使用以下代码添加行/元素：grid.collection.add({});

编辑

所以 Backgrid.js 使用 Backbone.js 用这个方法添加一行：insertRow( model, collection, options) (http://wyuenho.github.io/backgrid/api/index.html#!/api/Backgrid.Body)

当直接调用时，它接受一个模型或模型数组和一个选项哈希，就像Backbone.Collection#add 一样，并委托给它。添加模型后，会在正文中插入新行并自动渲染。

然后我们有：

var ships = new Backbone.Collection;

ships.on("add", function(ship) {
  alert("Ahoy " + ship.get("name") + "!");
});

ships.add([
  {name: "Flying Dutchman"},
  {name: "Black Pearl"}
]);

希望对你有所帮助；）