默认选择剑道组合框

Question

我使用 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>

这是示例。如何将其转换为放置文本？

Answer 1

正如@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这是该项目正确的值id是2。

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

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

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

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