2013-04-17 49 views
4

得到模板列值/文本考虑我有一个剑道网格状下
http://jsbin.com/uxumab/1/如何设置和剑道电网

它有项目Id,数量,价格和合计(模板)柱。 我希望使Qty列可编辑,并且希望通过更改Qty列来更改总列值。 最后,我想通过使用网格迭代检索具有新更改的所有值。

回答

5

基本上最简单的方法是通过kendo的MVVM来做到这一点。这里是一个例子:

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



    }); 

live版本。

+1

非常感谢。它的工作。你能分享一些资源链接,我可以从中了解关于dataBound和模板的更多信息。 – Hasibul

+1

我有另一个查询。如果我想改变数量的总量而不是离开行,那我该如何实现这一点。这意味着我想为数字文本框的旋转事件添加动作。希望你能帮助我。 – Hasibul