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

Posted 2023-05-07

【中文标题】如何将项目添加到剑道 ui 网格的数据源

【英文标题】：How can I add items to the data source of a kendo ui grid

【发布时间】：2012-05-30 20:46:47

【问题描述】：

我已经成功创建了一个 kendo.data.dataSource，我可以将它绑定到我页面上的 KendoUI Grid。

但是当我尝试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 对象上的前两项。

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

谢谢，

VRC

【参考方案1】：

试试这个：

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

【参考方案2】：

var grid = $("#itemsGrid").data("kendoGrid");

                    for (var i = 0; i < data.length; i++) 

                        grid.dataSource.insert(data[i]);
                    

向网格数据源插入新记录