dynamic - 如何在 SlickGrid 中使用 javascript 添加行

Question

我正在尝试使用 javascript 在我的页面上的光滑网格中添加一行。我现在能够做到的方式是使用以下代码。我只是想知道是否有更好的方法来做同样的事情。

....

//data is the array which was used to populate the SlickGrid
data.push({name:'Finish scanning the slickgrid js', complete:false}); 
grid.setData(data);
grid.render();

....

Answer 1

这是首选方式。

data.push({...});
grid.updateRowCount();
grid.render();

调用 .setData() 会强制网格重新渲染所有内容。通过调用 updateRowCount() 您通知网格行数已更改，并且它只需要呈现已添加或删除的内容。

Answer 2

这是我用于使用 Button 添加新行的内容

function add_new_row(){
  item = {"id": (Math.round(Math.random()*-10000))
  //you can add another fields to fill default data on Adding new row
  };
  data_view.insertItem(0, item);
}