Mvvm 使用kendo UI将详图视图重新绑定到模型

我有一个列表视图，其中包含一组任务的基本信息，我想在选择列表中的某个项目时，将详细视图绑定到该项目的模型对象

我一直在尝试使用网格的更改事件

change: function (arg) {
    var grid = $("#taskGrid").data("kendoGrid");
    var selectedItem = grid.dataItem(grid.select());
    kendo.bind("#taskDetail", selectedItem);
}

出于某种原因，我似乎无法理解细节视图上的模型绑定

---

有人对我如何做到这一点有什么想法吗？

绑定与绑定到任何视图一样简单，唯一的区别是您必须将细节模板放置在标记中，类型设置为text/x-kendo-template。我已将您的小提琴示例更新为我所了解的您的要求

<script id="javascriptTemplate" type="text/x-kendo-template">

如果解决方案不是您想要的，或者您在任何代码语句中感到困惑，请告诉我

---

编辑：

根据您的要求更新了小提琴解决方案，请看一看，如果符合您的要求，请告诉我

代码中唯一需要的更改就是将数据绑定从值更改为html

---

我需要表外的详细视图，我曾考虑过这种方法，但由于其他要求，它不太适合。如果我声明一个细节模板并在一个div中呈现它，我想这可以解决一半的问题，但是我希望使用unbind和bind来基本上“重用”1细节视图。

detailTemplate: kendo.template($("#javascriptTemplate").html()),