如何将项目添加到剑道 UI 网格的数据源

How can I add items to the data source of a kendo ui grid

本文关键字：UI 网格 数据源 项目 添加      更新时间：2023-09-26

我已经成功地创建了一个kendo.data.dataSource，并且能够将其绑定到页面上的KendoUI网格。

但是当我尝试dataSource.insert(0, [a : "b"]);时，它会删除以前存在的数据。

我的示例代码如下：

var tempSource = new kendo.data.DataSource({
     data: [{"ID":1,"Name":"Cliente 1","NameID":"1 - Cliente 1"},{"ID":2,"Name":"Cliente 2","NameID":"2 - Cliente 2"}]
});

这就是我绑定到网格的方式：

$("#association-grid").kendoGrid({
height: 99,
columns:
[
    {
        field: "ID",
        title: "ID"
    },
    {
        field: "Name",
        title: "Name"
    },
    {
        field: "NameID",
        title: "NameID"
    }
],
dataSource: tempSource
});

这是我添加新项目的方式：

tempSource.insert(0, { ID: "John Smith", Name: "Product Description", NameID: "123 1st Street" });

如果在将数据绑定到 Grid 之前执行添加，则会丢失最初位于 dataSource 对象的前两项。

总结：我有一个绑定到网格的预先创建的数据源。我希望能够向数据源添加新项，然后刷新网格以显示新项。

谢谢

VRC

试试这个：

dataSource.add({ name: "John Smith", description: "Product Description", address: "123 1st Street" });

var grid = $("#itemsGrid").data("kendoGrid");
                    for (var i = 0; i < data.length; i++) {
                        grid.dataSource.insert(data[i]);
                    }

将新记录插入网格数据源

相关文章：