kendo-ui - pageable - kendo ui for jquery demos

Cómo puedo configurar y obtener columnas de la plantilla valor/texto en kendo Grid

Question

Considera que tengo una grilla de kendo como la siguiente
http://jsbin.com/uxumab/1/

Tiene columnas ItemId, Qty, Price y Total (plantilla). Quiero hacer que la columna Qty sea editable y quiero cambiar el valor total de la columna con la columna de cambio de Qty. Finalmente quiero recuperar todos los valores con nuevos cambios usando la iteración a través de la grilla.

Answer 1

Básicamente, la forma más fácil sería hacerlo a través del MVVM de kendo. Aquí hay un ejemplo:

 $(document).ready(function () {
var gridData = [
{ ItemId: "1001", Qty: 2, price: 200 }
, { ItemId: "1002", Qty: 1, price: 100 }
, { ItemId: "1003", Qty: 1, price: 150 }
];
$("#grid").kendoGrid({
dataSource: gridData
, selectable: "row",
dataBound:function(){
grid = this;
grid.tbody.find(''tr'').each(function(){
var item = grid.dataItem(this);
kendo.bind(this,item);
})
}
, columns: [
{ field: "ItemId" }
, { field: "Qty" }
, { field: "price" }
, { title: "Quantity", width: "200", template: ''<input data-role="numerictextbox" data-bind="value:Qty" data-max-value="100"/>'' } , {
title: "Total"
, template: "#=Qty*price#"
}
]
});
});

Y la versión en vivo .