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

Posted 2023-02-19

【中文标题】如何在 Slickgrid 的顶部添加新行？

【英文标题】：How to add new row on top in 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);

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