jQWidgets jqxComboBox open() 方法

简介

jqxComboBox 是 jQWidgets 提供的一个下拉框组件，可以通过 open() 方法打开下拉框选择列表。

方法原型

open(): void

参数说明

该方法不需要任何参数。

返回值说明

该方法没有返回值。

使用示例

HTML 代码

<div id="jqxComboBox"></div>

JavaScript 代码

$("#jqxComboBox").jqxComboBox({
    source: ["Java", "JavaScript", "Python", "C#", "PHP", "Ruby"],
    width: 200,
    height: 25
});

$("#jqxComboBox").on("select", function (event) {
    console.log("Selected: " + event.args.item.label);
});

$("#btnOpen").on("click", function () {
    $("#jqxComboBox").jqxComboBox("open");
});

解释说明

上述代码使用了 jQWidgets 提供的 jqxComboBox 组件，定义了一个下拉框并绑定了 select 事件。在按钮点击事件中调用了 open() 方法，打开了下拉框选择项列表。

可以通过传入参数来调整内容除了调用下拉框可见，这样当用户点击按钮时，它将会在每一个可用的元素上遍历，并选择所能找到的第一个可以显示的设置焦点的元素作为开始显示。代码示例如下：

$("#jqxComboBox").jqxComboBox("open", "first");

上述代码将在下拉选项中遍历，选择第一个可见的元素作为初始显示项，如果没有可见元素，则不会打开下拉框选择列表。

参考文献

• jQWidgets - ComboBox API Documentation