Mvvm 使用kendo UI将详图视图重新绑定到模型
我有一个列表视图,其中包含一组任务的基本信息,我想在选择列表中的某个项目时,将详细视图绑定到该项目的模型对象 我一直在尝试使用网格的更改事件Mvvm 使用kendo UI将详图视图重新绑定到模型,mvvm,data-binding,kendo-ui,kendo-grid,Mvvm,Data Binding,Kendo Ui,Kendo Grid,我有一个列表视图,其中包含一组任务的基本信息,我想在选择列表中的某个项目时,将详细视图绑定到该项目的模型对象 我一直在尝试使用网格的更改事件 change: function (arg) { var grid = $("#taskGrid").data("kendoGrid"); var selectedItem = grid.dataItem(grid.select()); kendo.bind("#taskDetail", selectedItem); } 出于某
change: function (arg) {
var grid = $("#taskGrid").data("kendoGrid");
var selectedItem = grid.dataItem(grid.select());
kendo.bind("#taskDetail", selectedItem);
}
出于某种原因,我似乎无法理解细节视图上的模型绑定
有人对我如何做到这一点有什么想法吗?绑定与绑定到任何视图一样简单,唯一的区别是您必须将细节模板放置在
<script id="javascriptTemplate" type="text/x-kendo-template">
如果解决方案不是您想要的,或者您在任何代码语句中感到困惑,请告诉我
编辑: 根据您的要求更新了小提琴解决方案,请看一看,如果符合您的要求,请告诉我 代码中唯一需要的更改就是将数据绑定从值更改为html
我需要表外的详细视图,我曾考虑过这种方法,但由于其他要求,它不太适合。如果我声明一个细节模板并在一个div中呈现它,我想这可以解决一半的问题,但是我希望使用unbind和bind来基本上“重用”1细节视图。
detailTemplate: kendo.template($("#javascriptTemplate").html()),