如何在 SlickGrid 中使用 javascript 添加行答案

【问题标题】：How to add a row using javascript in SlickGrid如何在 SlickGrid 中使用 javascript 添加行
【发布时间】：2011-03-06 10:24:02
【问题描述】：

我正在尝试使用 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();

....

【问题讨论】：

标签： dynamic slickgrid

【解决方案1】：

这是我用来添加新行的按钮

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

【讨论】：

【解决方案2】：

这是首选方式。

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

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

【讨论】：

这就是为什么我喜欢 JavaScript 的引用传递 :)