如何將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()]; 
       }); 
     } 
}); 

然後，我有我的視圖模型：

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來代替。

我假設有另一個窗口小部件或一組綁定到viewModel.selectedItem的HTML控件，這裏沒有顯示？