jQWidgets jqxListBox incrementalSearch 属性

简介

jQWidgets jqxListBox 是一款基于 jQuery 的列表控件。incrementalSearch 属性是该控件的一种搜索功能，该功能允许在输入框中逐步输入来快速搜索列表中的项。

用法

在默认情况下，该属性已经启用。可以设置以下属性值：

• none: 禁用搜索功能
• startsWith: 以输入的字符作为列表项开头进行匹配
• contains: 匹配包含输入的字符的列表项

示例代码：

$("#listbox").jqxListBox({
    width: 200, 
    height: 200,
    source: ["First Item", "Second Item", "Third Item", "Fourth Item", "Fifth Item"],
    incrementalSearch: 'contains' //启用 contains 搜索功能
});

效果

输入“Item”，列表将自动滚动到匹配的项，并可在列表中看到一个带有搜索字符串的框。

注意事项

当列表项很多时，搜索时间可能很长，这会影响性能。

参考资料

• jQWidgets jqxListBox 文档
• jQWidgets jqxListBox Demo