使用knockout.js在kendo网格中使用可编辑单元格

时间:2013-09-28 23:01:37

标签: javascript knockout.js kendo-ui kendo-grid knockout-2.0

需要有关knockout.js与kendo网格集成的帮助

当我更改可编辑字段中的文本时,在kendo网格中,我需要同时更改html标记...就像这样:

$(document).ready(function () {
$("#b").attr("data-bind", "value: lastName, valueUpdate: 'afterkeydown'");
ko.applyBindings(new AppViewModel());
});

function AppViewModel() {
this.lastName = ko.observable();
}   

 <p>Last name: <strong data-bind="text: lastName"></strong></p>

<p>
    Last name:
    <input id="b" />
</p>

我不知道怎么做......

一个例子或任何帮助将非常感谢!!!!

提前致谢

2 个答案:

答案 0 :(得分:1)

在我看来,你不需要使用knockout.js,只需添加以下功能:

 function editk(e) {    
     var ddl = e.container.find(".k-input").focus();

ddl.keydown(function(e){         });      }

在网格定义中添加

   edit: editk

通过这种方式,您可以在网格的编辑框中处理keydown事件

希望这会有所帮助

答案 1 :(得分:0)

您可以使用save事件

获取已修改的项目
var appModel=new AppViewModel();
ko.applyBindings(appModel);

$('#grid').kendoGrid({
.....
 save:function(e){
      var item=e.model;
      appModel.lastName(item.lastName);
    }
})