Question

我在设置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 here

Answer 1

根据https://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist/methods/select的示例和文档，您必须从附加下拉列表的DOM元素中选择“data-kendoDropDownList”属性，并对数据返回的对象运行select方法 - 属性。

因此，在上面的代码中，您只需要更改

dropdownlist.select(2);

到

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

请记住，当然这会在下拉菜单中选择索引为“2”的项目。它不会通过项目的值来选择它。因此，现在这种变化的预期结果是“Rinnovi”项目被选中。

有关正常工作的演示，请参阅https://dojo.telerik.com/UjoKuMok/5。

无法设置KendoUI DropDownList选择的索引

1 个答案: