如何在Slickgrid中添加新行？

Question

如何在顶部添加新行而不是默认为底部，在slickgrid dataview impelmentation中也感谢有人提供删除行的示例。

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并渲染...

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

然后你可以点击按钮调用此功能。 这确实有效。我自己试过了。