json - Kendo ComboBox 将 dataSource 更改为 json 对象

Question

我有一个使用 MVC 包装器创建的剑道组合框，如下所示：

@Html.Kendo.ComboBox().Name("Well");

我想使用存储在 javascript 中的 json 数组（不是来自 ajax 查询）手动更新数据 - 我遇到了这段代码，它几乎可以工作，除了我在 ComboBox 中得到 [object Object] 3 次而不是 'text' 值来自 json 数组：

$("#Well").data("kendoComboBox").dataSource.data([{text: "i1", value: "1"}, {text: "i2", value: "2"}, {text: "i3", value: "3"}]);
$("#Well").data("kendoComboBox").dataSource.query();

Answer 1

似乎文本/值字段没有默认值，因此添加：

@Html.Kendo.ComboBox().DataTextField("text").DataValueField("value").Name("Well");

解决了这个问题。

Answer 2

以下帮助我解决了动态更新剑道组合框数据源的问题，

var combobox = $("#selector").data("kendoComboBox"); 
if(combobox){
    combobox.destroy();
    combobox.dataSource.data(NewDatasourceObject);
    combobox.refresh();
}    

Answer 3

 $("#Well").kendoComboBox({
            placeholder: "Select...",
            dataTextField: "text",
            dataValueField: "value",
            filter: "contains",
            autoBind: true,
            dataSource: {
                //type: "odata",
                serverFiltering: true,
                transport: {
                    read: { url: "../your_json_url" }
                }
            }
        });