KendoUI DropDownListの選択されたインデックスを設定できません

bugfix> javascript > 投稿

KendoUIドロップダウンリストのデフォルトインデックスの設定で問題が発生しています。

次のコードを検討してください。

<body>
<script type='text/javascript'>
$(document).ready(function () {
    var data = [{ text: "Tutti", value: 1 },
        { text: "Modifiche Anagrafiche", value: 2 },
        { text: "Rinnovi", value: 3 },
        { text: "Consuntivi", value: 4 },
    ];
    var dropdownlist = $('#comboBox').kendoDropDownList({
        dataTextField: "text",
        dataValueField: "value",
        dataSource: data
    });
    dropdownlist.select(2);
});
</script>
</body>

私は本当に愚かなエラーを犯していると思うが、私はそれを理解することはできません

簡単にするために、Dojoを作成しましたここに

javascript

jquery

kendo-ui

回答 1 件

  • https://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist/methods/selectの例とドキュメントに従って、DOM要素から「data-kendoDropDownList」属性を選択する必要があります。ドロップダウンリストを添付し、data-属性によって返されたオブジェクトでselectメソッドを実行しました。

    したがって、上記のコードでは、単に変更する必要があります

    dropdownlist.select(2);

    に

    dropdownlist.data("kendoDropDownList").select(2);

    もちろん、これによりドロップダウンのインデックス「2」の項目が選択されることに注意してください。アイテムの値では選択しません。そのため、この変更の期待される結果は、「Rinnovi」アイテムが選択されることです。

    有効なデモについては、https：//dojo.telerik.com/UjoKuMok/5を参照してください。

あなたの答え

関連記事