劍道UI電網rowTemplate與文本框應用kendoGrid

Question

時，請看看http://jsfiddle.net/43Nh9/2/

的行模板，使用聲明的方式時工作，但是當我初始化一個div來劍道電網它並不適用於文本框工作，不工作。幫助我完成這項工作。

這裏是我的代碼提前

<div id="grid" data-role="grid" data-editable="inline" data-bind="source: data" data-row-template="row-template"></div> 

    <script id="row-template" type="text/x-kendo-template"> 
    <tr class="k-grid-edit-row" data-uid="#= uid #"> 
     <td> 
     <input class='k-textbox' data-bind="value:Name" /> 
     </td> 
     <td> 
      <span>#:Name#</span> 
     </td> 

     </tr> 
    </script> 

var viewModel = kendo.observable({ 

    data: [{ 
     Name: "1Chai", 
     Price: 18.00 
    }, { 
     Name: "2Chai", 
     Price: 18.00 
    }, { 
     Name: "3Chai", 
     Price: 18.00 
    }, { 
     Name: "4Chai", 
     Price: 18.00 
    }, { 
     Name: "5Chai", 
     Price: 18.00 
    }, ] 

}); 

kendo.bind(document.body, viewModel); 


var grid = $("#grid2").kendoGrid({ 
    dataSource: { 
     data: [{ 
      Name: "1Chai", 
      Price: 18.00 
     }, { 
      Name: "2Chai", 
      Price: 18.00 
     }, { 
      Name: "3Chai", 
      Price: 18.00 
     }, { 
      Name: "4Chai", 
      Price: 18.00 
     }, { 
      Name: "5Chai", 
      Price: 18.00 
     }, ] 

    }, 

    rowTemplate: kendo.template($("#row-template").html()) 

}).data("kendoGrid"); 

感謝。

Answer 1

您需要手動將行模型綁定到網格的TR元素。您可以在dataBound事件處理程序中執行此操作。

例如

dataBound: function(){ 
    var grid = this; 
    this.tbody.find('tr').each(function(){ 
     var tr = $(this); 
     kendo.bind(tr, grid.dataItem(tr)); 
    }) 
}, 

Fiddle