如何在 Slickgrid 的顶部添加新行？

【问题标题】：How to add new row on top in Slickgrid?如何在 Slickgrid 的顶部添加新行？
【发布时间】：2011-11-25 22:05:50
【问题描述】：

如何在顶部添加新行而不是默认底部，在 slickgrid 数据视图执行中，也有人提供删除行的示例。

【问题讨论】：

【解决方案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 并渲染...

【讨论】：

【解决方案2】：

有时拼接不起作用。试试下面的代码：

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

然后您可以在单击按钮时调用此函数。这真的有效。我自己试过了。

【讨论】：