Cómo puedo agregar elementos a la fuente de datos de una cuadrícula de kendo ui

Question

He creado una kendo.data.dataSource con éxito, y puedo vincularla a la Cuadrícula de KendoUI en mi página.

Pero cuando intento dataSource.insert(0, [a : "b"]);, elimina los datos que estaban allí anteriormente.

Mi código de ejemplo es el siguiente:

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

Ésta es la forma en que estoy unión a la red:

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

dataSource: tempSource 
}); 

Éste es cómo añadir un nuevo elemento:

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

Si realizo el complemento antes de vincular los datos a la Grilla, pierdo los dos primeros elementos que estaban originalmente en el objeto de fuente de datos.

En resumen: Tengo una fuente de datos creada previamente enlazada a una cuadrícula. Deseo poder agregar un nuevo elemento a dataSource y luego actualizar la cuadrícula para que aparezca el nuevo elemento.

Gracias,

VRC

Answer 1

intente esto:

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

insertar nuevo registro a la fuente de datos de cuadrícula