当前位置：文江博客话题详情

如何在 Slickgrid 顶部添加新行？

发布于 2024-12-06 20:33:03 字数 64 浏览 1 评论 0原文

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

萌梦深 2024-12-13 20:33:03

这是一个示例函数，将与示例 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 并渲染...

Here is an example function that will work with the example 1-simple.html example..

To Add a Row at the top:

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

To Delete row, it is the same idea. Get the grid data collection/ slice the array to get the data out of you want to delete and then call setData and render...

回复收藏 0 原文

橙幽之幻 2024-12-13 20:33:03

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

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

然后您可以在单击按钮时调用此函数。
这确实有效。我自己也尝试过。

Sometimes Splice doesn't work. Try the code below:

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

and then you can call this function on button click.
This really works. I have tried it myself.

回复收藏 0 原文

~没有更多了~