javascript – 如何将项目添加到kendo ui网格的数据源

前端之家收集整理的这篇文章主要介绍了javascript – 如何将项目添加到kendo ui网格的数据源前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经创建了一个成功的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" });

如果我在将数据绑定到网格之前执行添加,则丢失最初在dataSource对象上的前两个项目.

综上所述:
我有一个预先创建的数据源绑定到一个网格.我想要能够向dataSource添加一个新项目,然后刷新Grid,以使新项目出现.

谢谢,

VRC

解决方法

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

猜你在找的JavaScript相关文章