gpt4 book ai didi

mvvm - kendo 将 HTML 元素绑定(bind)到网格选定的行/数据项

转载 作者:行者123 更新时间:2023-12-03 05:48:09 25 4
gpt4 key购买 nike

我有以下情况(使用 KendoUI):

我有一个绑定(bind)到数据源的网格。当我在网格中选择一行时,我会调用其“change”事件来让所选的 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 模型绑定(bind)解决方案来实现相同的目标?

最佳答案

到目前为止我找到了以下解决方案:

=== 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 元素绑定(bind)到网格选定的行/数据项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13802068/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com