小编Vas*_*sta的帖子

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

我已经成功创建了一个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"}]
});
Run Code Online (Sandbox Code Playgroud)

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

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

dataSource: tempSource
});
Run Code Online (Sandbox Code Playgroud)

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

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

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

总结:我有一个预先创建的dataSource绑定到Grid.我希望能够向dataSource添加一个新项目,然后刷新Grid以显示新项目.

谢谢,

VRC

javascript grid kendo-ui

9
推荐指数
1
解决办法
3万
查看次数

标签 统计

grid ×1

javascript ×1

kendo-ui ×1