javascript - 使用带有 knockout.js 的剑道网格中的可编辑单元格

Question

需要有关将 knockout.js 与剑道网格集成的帮助

当我在剑道网格中更改可编辑字段中的文本时，我需要同时更改 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>

我不知道该怎么做...

一个例子或任何帮助将不胜感激！！！！

提前致谢

Answer 1

在我看来，你不需要使用 knockout.js，只需添加以下函数：

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

    ddl.keydown(函数 (e) { }); }

并在网格定义中添加

   edit: editk

这样就可以在grid的edit bix中处理keydown事件了

希望这可以帮助

Answer 2

您可以使用保存事件获取已编辑的项目，

var appModel=new AppViewModel();
ko.applyBindings(appModel);

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