我在设置 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
最佳答案
根据 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用于工作演示。
关于javascript - 无法设置 KendoUI DropDownList 选定索引,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50525830/