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

Question

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

$("#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);

它不起作用。

Answer 1

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

viewModel.set("selectedActivity", selected);

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

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