gpt4 book ai didi

javascript - 默认选择剑道组合框

转载 作者:行者123 更新时间:2023-11-30 08:40:26 27 4
gpt4 key购买 nike

我使用 KendoUI ComboBox,我想放置一个默认选择项。

在 KendoUI ComboBox 中,我没有找到将默认值放在文本中而不是索引的方法。

<script>
$("#combobox").kendoComboBox({
dataSource: [
{ id: 1, name: "Apples" },
{ id: 2, name: "Oranges" }
],
dataTextField: "name",
dataValueField: "id"
});

var combobox = $("#combobox").data("kendoComboBox");

combobox.select(combobox.ul.children().eq(0));
</script>

这是例子。如何将其转换为文本?

最佳答案

正如@SatyaRanjanSahoo 所说,您应该使用value 但是您应该使用id 值,否则您将强制使用一个可能不是的值在数据源中。

例如,如果您这样做:

var combobox = $("#combobox").data("kendoComboBox");
// Set Value
combobox.value("Apricot");
// Get Value
alert("Value is " + combobox.value());

这将显示 Apricot 但同时这不在 DataSource 中,如果您这样做:

var combobox = $("#combobox").data("kendoComboBox");
// Set Value
combobox.value(2);
// Get Value
alert("Value is " + combobox.value());

这将显示 Oranges,它是 id2 的项目的正确值。

因此,除非您确定 value 调用中设置的值是有效的 dataTextField,否则我建议您使用 dataValueField

在下面的代码片段中检查这一点...

$("#combobox").kendoComboBox({
dataSource: [
{ id: 1, name: "Apples" },
{ id: 2, name: "Oranges" }
],
dataTextField: "name",
dataValueField: "id"
});

var combobox = $("#combobox").data("kendoComboBox");


// Set a valid value
combobox.value("Oranges");
alert("Value for Oranges is: " + combobox.value());

// Set an invalid value
combobox.value("Apricots");
alert("Value for Apricots is: " + combobox.value());
<link href="http://cdn.kendostatic.com/2014.2.1008/styles/kendo.common.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2014.2.1008/styles/kendo.default.min.css" rel="stylesheet" />
<script src="http://cdn.kendostatic.com/2014.2.1008/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.2.1008/js/kendo.all.min.js"></script>

<input id="combobox"/>

关于javascript - 默认选择剑道组合框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27012877/

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