如何将 KendoUI ListView 中的选定项目绑定到我的 observable viewModel 的 selectedItem 属性？答案

【问题标题】：How to bind the selected item in a KendoUI ListView to a selectedItem property of my observable viewModel?如何将 KendoUI ListView 中的选定项目绑定到我的 observable viewModel 的 selectedItem 属性？
【发布时间】：2012-04-20 00:44:16
【问题描述】：

我有一个列表视图，可以这样说：

$("#items").kendoListView({
        dataSource: itemsSource,
        selectable: true,
        ...
        change: function () {
            var data = itemsSource.view(),
                selected = $.map(this.select(), function (item) {
                    return data[$(item).index()];
                });
        }
});

然后，我有我的 ViewModel：

var viewModel = kendo.observable({
        items: activitiesSource,
        itemTitle: selected.Title,
        itemDescription: "",
        selectedItem: null,
        ...
        hasChanges: false,
        change: function () {
            this.set("hasChanges", true);
        }
});

我有我的 html 代码，比如说：

<ul id="items" data-bind="source: items, value: selectedItem"></ul>

并且我希望，当在我的 ListView 中选择一个项目时，能够编辑表单中的选定项目。如果我这样做，在 ListView 更改事件中：

viewModel.set("selectedActivity", selected);

它不起作用。

【问题讨论】：

标签： listview mvvm kendo-ui

【解决方案1】：

这可能只是您的复制/粘贴错误，但您的行：

viewModel.set("selectedActivity", selected);

viewModel 没有属性selectedActivity，而是命名为selectedItem。

我假设有另一个小部件或一组 html 控件绑定到 viewModel.selectedItem 此处未显示？

【讨论】：