1

Web サービス クエリ (_urlTowns) からの次の json データ (以下を参照) があります。Kendo UI ドロップダウン リスト コントロールをこの 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に入力した後です。「機能」と「属性」を混同していると思います。

4

3 に答える 3

9

JSON は DropDownList にとって最も便利ではないかもしれませんが、変更なしで KendoDropDownList にバインドできます。

DropDownList を次のように定義します。

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

厳密にフィールドである必要はなく、フィールドへのパスdataTextFieldである可能性があることに注意してください。

HTML の場所:

<select id="dropdown"></select>
于 2013-11-04T10:31:48.073 に答える