如何在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); 
} 

然後你可以在按鈕點擊調用這個函數。 這真的有效。我自己嘗試過。