如何在 SlickGrid 中使用 javascript 添加行

Posted 2023-02-22

【中文标题】如何在 SlickGrid 中使用 javascript 添加行

【英文标题】：How to add a row using javascript in SlickGrid

【发布时间】：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();

....

【参考方案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 的引用传递 :)