沒有設置綁定的對象

我使用Telerik的Kendo UI及其autocomplete小部件和它們的MVVM框架，並且在獲取一個框以將檢索（和選定）對象設置爲綁定對象查看模型。例如...沒有設置綁定的對象

var viewModel = kendo.observable({ 
    Context: {} 
}); 

$("#context").kendoAutoComplete({ 
    dataTextField: "Name", 
    dataValueField: "Id", 
    delay: 800, 
    dataSource: { 
     dataType: "json", 
     serverFiltering: true, 
     transport: { 
      read: { 
       url: "/search/data", 
       data: function (data) { 
         return { 
         term: data.filter.filters[0].value 
        } 
       } 
      } 
     } 
    } 
}).data("kendoAutoComplete");

然後我使用下面的HTML;

<input data-val="true" 
     id="context" 
     name="context" 
     placeholder="Context" 
     type="text" 
     data-bind="value: Context" />

這命中一個控制器操作，返回以下內容;

[ 
    { 
    Id: "items/1", 
    Name: "Item 1", 
    Label: "Item 1 Label" 
    }, 
    { 
    Id: "items/2", 
    Name: "Item 2", 
    Label: "Item 2 Label" 
    }, 
    { 
    Id: "items/3", 
    Name: "Item 3", 
    Label: "Item 3 Label" 
    } 
]

然而，當我使用自動完成搜索之後選擇對象時，Context財產在我的視圖模型仍然null。

我可以通過添加一個特定的select函數來規避這個問題。

select: function(e) { 
    var dataItem = e.sender.dataItem(e.item.index()).toJSON(); 
    // update the model 
    viewModel.set('Context', dataItem); 
}

但我真的寧願只是它的工作就像它應該;有什麼建議麼？

來源

2014-01-29 Ciel