如何将KendoUI ListView中的选定项绑定到我的可观察viewModel的selectedItem属性?

时间:2012-04-20 00:44:16

标签: listview mvvm kendo-ui

我有一个listview让我们这样说:

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

它不起作用。

1 个答案:

答案 0 :(得分:0)

这可能只是一个复制/粘贴错误,但你的行:

viewModel.set("selectedActivity", selected);

viewModel没有属性selectedActivity,而是名为selectedItem

我假设有另一个小部件或一组html控件绑定到viewModel.selectedItem但未显示在这里?