jQWidgets jqxComboBox enableItem() 方法(1)

📌 相关文章

📜 jQWidgets jqxComboBox enableItem() 方法(1)

📅 最后修改于: 2023-12-03 14:43:21.093000 🧑 作者: Mango

jQWidgets jqxComboBox enableItem() 方法

简介

jQWidgets jqxComboBox enableItem() 方法是用于在 jqxComboBox 控件中启用指定项的方法。当一个项被启用后，就可以点击它选择它。

语法

$('#jqxComboBox').jqxComboBox('enableItem', item)

其中，item 是要启用的项的索引或者值。

参数

item: 要启用的项。可以是选项的索引或者值。

返回值

无返回值。

使用示例

下面是一个简单的 jqxComboBox 控件的示例，包括两个按钮。点击按钮“启用 Fruit 项”会设置 Fruit 选项为可用，点击按钮“启用所有”会将所有的选项都设置为可用：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>jQWidgets jqxComboBox enableItem() 方法示例</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jqwidgets-framework@10.6.4/jqwidgets/styles/jqx.base.css">
    <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jqwidgets-framework@10.6.4/jqwidgets/jqxcore.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jqwidgets-framework@10.6.4/jqwidgets/jqxbuttons.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jqwidgets-framework@10.6.4/jqwidgets/jqxcombobox.js"></script>
    <script>
        $(document).ready(function () {
            // 初始化 ComboBox 控件
            $("#jqxComboBox").jqxComboBox({ 
                selectedIndex: 0,
                source: ['Apple', 'Banana', 'Cherry', 'Date', 'Elderberry', 'Fig'],
                width: '200px', 
                height: '25px',
            });
            // 点击按钮“启用 Fruit 项”
            $("#enableFruitBtn").click(function () {
                // 启用 Fruit 项
                $('#jqxComboBox').jqxComboBox('enableItem', 'Apple');
            });
            // 点击按钮“启用 所有”
            $("#enableAllBtn").click(function () {
                // 启用所有项
                $('#jqxComboBox').jqxComboBox('enableItem', -1);
            });
        });
    </script>
</head>
<body>
    <div>
        <div id="jqxComboBox"></div>
        <br />
        <button id="enableFruitBtn">启用 Fruit 项</button>
        <button id="enableAllBtn">启用 所有</button>
    </div>
</body>
</html>

注意事项

jqxComboBox 控件必须先初始化后才能调用此方法。
如果传入的 item 不是有效的选项，此方法不会有任何效果。