javascript - 将 json 正确绑定(bind)到 Kendo DropDownList

Question

我有来自网络服务查询 (_urlTowns) 的以下 json 数据(见下文)。我想将 Kendo UI 下拉列表控件绑定(bind)到此 datasourceTowns。

{
"displayFieldName": "TNONAM",
"fieldAliases": {
    "TNONAM": "TNONAM"
},
"fields": [{
    "name": "TNONAM",
    "type": "esriFieldTypeString",
    "alias": "TNONAM",
    "length": 16
}],
"features": [{
    "attributes": {
        "TNONAM": "ANSONIA"
    }
}, {
    "attributes": {
        "TNONAM": "BETHANY"
    }
}, {
    "attributes": {
        "TNONAM": "BRANFORD"
    }
}, {
    "attributes": {
        "TNONAM": "WOODBRIDGE"
    }
}]}
// Towns data source
var dataSourceTowns = new kendo.data.DataSource({
transport: {
    read: {
        url: _urlTowns,
        dataType: "json",
        type: 'GET'
    }
},
schema: {
    data: "features"
}});dataSourceTowns.read();

我需要设置模型属性吗？因为我在用“TNONAM”中的 dataTextValue 填充 DDL 之后。我猜我混淆了“特征”和“属性”。

Answer 1

也许您的 JSON 对于 DropDownList 来说不是最方便的，但您可以将它绑定(bind)到 KendoDropDownList 而无需更改。

将 DropDownList 定义为:

$("#dropdown").kendoDropDownList({
    dataSource    : dataSourceTowns,
    dataTextField : "attributes.TNONAM"
});

请记住，dataTextField 不一定是一个字段，可能是该字段的路径。

您的 HTML 在哪里:

<select id="dropdown"></select>