如何將項目添加到kendo ui網格的數據源中

Question

我已經成功創建了一個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對象上的前兩個項目。

總結：我有一個預先創建的dataSource綁定到Grid。 我希望能夠向dataSource添加一個新項目，然后刷新Grid以顯示新項目。

謝謝，

VRC

Answer 1

試試這個：

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

Answer 2

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

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

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

將新記錄插入網格數據源