javascript - KendoUI ComboBox 显示 REST JSON 解析不正确

Question

我有一个安静的服务响应{"SearchMode":["Customer","Address","Street","City"]}，一切看起来都很好。我正在尝试将这些中的每一个都添加为 Kendo ComboBox 中的选项。但是，它正在解析它并将每个字母显示为一个选项：

• {
• "
• 小号
• e
• 一个
• r
• C
• H

你明白了。这是我在 javascript 中所做的事情。我正在学习剑道控制，因此不胜感激。

$(#cboSearch").kendoComboBox({autobind:false, minLength:3, datasource:{type:json, serverFiltering: true, transport:{ read: { url: "http://myrestservicehere?f="}}} });

我知道我遗漏了一些明显的东西，期待一些指导，谢谢。斯科特

Answer 1

ComboBox 不支持绑定到字符串数组。您可以尝试将您的 JSON 更改为：

{
  "SearchMode": [
     {"text":"Customer"},
     {"text":"Address"},
     {"text":"Street"},
     {"text":"City"}
  ]
}

然后像这样配置组合框：

$("#cboSearch").kendoComboBox({
    autoBind       : false,
    minLength      : 3,
    dataTextField  : "text",
    dataValueField : "text",
    dataSource: new kendo.data.DataSource({
        serverFiltering: true,
        transport      : {
            read: {
                url: "http://myrestservicehere?f="
            }
        },
        schema         : {
            data: "SearchMode"
        }
    })
});

Answer 2

您在DataSource定义中缺少说明返回对象中包含选项的数组的位置。这是使用schema.data. 它应该是：

$("#cboSearch").kendoComboBox({
    autoBind       : false,
    minLength      : 3,
    dataSource: new kendo.data.DataSource({
        serverFiltering: true,
        transport      : {
            read: {
                url: "http://myrestservicehere?f="
            }
        },
        schema         : {
            data: "SearchMode"
        }
    })
});