mvvm – kendo将HTML元素绑定到网格选定的rowdataItem

概述我有以下情况(使用KendoUI)： 我有一个绑定到数据源的网格. 当我在网格中选择一行时,我调用其“更改”事件以获取所选的dataItem e通过其他HTML元素显示其值. 类似于以下内容： $("grid-element").kendoGrid({ change: setElements});function setElements() { var grid = $("# 我有以下情况(使用KendoUI)：

我有一个绑定到数据源的网格.
当我在网格中选择一行时,我调用其“更改”事件以获取所选的dataItem e通过其他HTML元素显示其值.

类似于以下内容：

$("grID-element").kendoGrID({    change: setElements});function setElements() {    var grID = $("#grID-element").data("kendoGrID");    var selectedItem = grID.dataItem(grID.select());    $("#span-fIEld1").text(selectedItem.fIEld1);    $("#span-fIEld2").text(selectedItem.fIEld2);    $("#span-fIEld3").text(selectedItem.fIEld3);}

我的问题是：是否可以通过MVVM或更好的KendoUI模型绑定解决方案实现相同的目标？

解决方法 到目前为止,我找到了以下解决方案：

=== JavaScript ===var vm = kendo.observable({    grIDSelectedItem: null,_fIEld1: function() {         return this.get("grIDSelectedItem.fIEld1");     },_fIEld2: function() {         return this.get("grIDSelectedItem.fIEld2");     }});$("#grID-element").kendoGrID({    change: function(e) {        var selectedItem = this.dataItem(this.select());        vm.set("grIDSelectedItem",selectedItem);    }});=== HTML ===<span data-bind="text: _fIEld1"></span><span data-bind="text: _fIEld2"></span>

有没有更好的办法？

总结

以上是内存溢出为你收集整理的mvvm – kendo将HTML元素绑定到网格选定的row / dataItem全部内容，希望文章能够帮你解决mvvm – kendo将HTML元素绑定到网格选定的row / dataItem所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。