如何在Slickgrid上添加新行？

Question

如何在顶部添加新的行而不是默认的底部，在slickgrid dataview中也有人赞赏有人提供了删除行的例子。

Answer 1

下面是一个例子功能将与示例1-simple.html例如工作..

在顶部添加一行：

  function addRow(){ 
     var newRow = {title: "new Title", duration: "1 day"}; 
     var rowData = grid.getData(); 
     rowData.splice(0, 0, newRow); 
     grid.setData(rowData); 
     grid.render(); 
     grid.scrollRowIntoView(0, false); 
    } 

要删除行，这是相同的理念。获取网格数据收集/切片阵列，以获取您想要删除的数据，然后调用setData和render ...

Answer 2

有时，Splice不起作用。试试下面的代码：

DataView.insertItem(insertBefore, item) ///Here insertBefore can be 0 
function addRow() { 

    var newRow = columns, 
    newId = dataView.getLength(); 
    newRow.id = newId + 1; 

    dataView.insertItem(0, newRow); 
} 

然后你可以在按钮点击调用这个函数。 这真的有效。我自己尝试过。