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

Question

我已經創建了成功的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。我希望能夠將新項目添加到dataSource，然後刷新網格，以便出現新項目。

感謝，

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]); 
        } 

插入新記錄到電網的數據源