jQWidgets jqxComboBox autoComplete 属性

简介

jQWidgets是一个强大的JavaScript组件库，其中包含了众多的UI组件和工具，其中jqxComboBox就是其中之一。jqxComboBox是一个下拉框控件，支持多种功能设置。autoComplete属性是其中之一，用来开启自动完成功能。

功能

开启autoComplete属性后，用户在下拉列表中输入字符时，下拉列表会根据所输入字符进行筛选，展示与输入文本相关的选项。

语法

$('#jqxComboBox').jqxComboBox({
  autoComplete: true
});

属性值

• true: 开启自动完成功能
• false: 关闭自动完成功能

示例

$(document).ready(function () {
    // 创建jqxComboBox
    $("#jqxComboBox").jqxComboBox({
        source: dataAdapter,
        selectedIndex: 0,
        width: '200px',
        height: '25px',
        autoComplete: true // 开启自动完成功能
    });
});

注意事项

• autoComplete属性只有在ComboBox的source数据源类型为字符串或数组时才有效。
• 开启autoComplete属性后，会对下拉列表的搜索进行优化，提升用户的操作体验。但同时也会增加一定的性能消耗，建议在数据量较大的情况下谨慎使用。
• 在实际使用中，可以通过监听ComboBox的'bindingComplete'事件来获取数据加载完成的通知，避免由于数据未加载完成而导致的自动完成关键字无法匹配的问题。