gpt4 book ai didi

javascript - 无法设置 KendoUI DropDownList 选定索引

转载 作者:行者123 更新时间:2023-11-30 20:29:23 24 4
gpt4 key购买 nike

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

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com