jQWidgets jqxComboBox getVisibleItems() 方法

简介

getVisibleItems() 方法是 jQWidgets jqxComboBox 控件中的一个方法，用于获取下拉框中当前可见（未被隐藏）的所有选项。该方法返回一个包含所有可见选项的数组，每个元素均为一个对象，包含以下属性：

• label：选项的文本内容
• value：选项的值

语法

var visibleItems = $("#jqxComboBox").jqxComboBox('getVisibleItems');

其中，#jqxComboBox 是下拉框控件的 ID。

示例

假设我们有一个 jQWidgets jqxComboBox 控件，代码如下：

<div id="myComboBox"></div>

接下来，我们在 JavaScript 中初始化该控件，并向其中添加一些选项，其中有一些选项被设置为隐藏。随后，我们调用 getVisibleItems() 方法，获取当前可见的选项，并在控制台输出这些选项的文本内容和值。

$(document).ready(function() {
    var data = [
        { label: 'Option 1', value: '1' },
        { label: 'Option 2', value: '2', hidden: true },
        { label: 'Option 3', value: '3' },
        { label: 'Option 4', value: '4', hidden: true }
    ];
    $("#myComboBox").jqxComboBox({ source: data });
    var visibleItems = $("#myComboBox").jqxComboBox('getVisibleItems');
    for (var i = 0; i < visibleItems.length; i++) {
        console.log('Label: ' + visibleItems[i].label + ', Value: ' + visibleItems[i].value);
    }
});

以上代码的输出结果应为：

Label: Option 1, Value: 1
Label: Option 3, Value: 3

即只输出了两个可见选项的文本内容和值，而隐藏的选项被忽略了。

注意事项

• getVisibleItems() 方法只能在控件初始化完成之后调用，否则将会抛出异常。
• 隐藏的选项将不会出现在 getVisibleItems() 方法返回的数组中。
• 如果下拉框处于关闭状态，调用 getVisibleItems() 方法也会返回一个空数组。