combobox：模糊查询

最新推荐文章于 2025-07-16 13:58:58 发布

原创最新推荐文章于 2025-07-16 13:58:58 发布 · 726 阅读

0 ·

CC 4.0 BY-SA版权

easyui 专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何在EasyUI框架中实现Combotree和Combobox组件的模糊查询功能,通过修改filter方法使输入框能任意位置匹配选项。代码示例展示了设置组件属性并应用自定义过滤逻辑。

文档来源说明：【EasyUI】combotree和combobox模糊查询

$.fn.combobox.defaults.filter = function(q, row){  
    var opts = $(this).combobox('options');  
    return row[opts.textField].indexOf(q) >= 0;  
}

$('#unitSel').combobox({  
    valueField : 'id',  
    textField : 'text',  
    editable:true ,  
    required: true,  
    filter: function(q, row){  
        var opts = $(this).combobox('options');  
        return row[opts.textField].indexOf(q) >= 0;//这里改成>=即可在任意地方匹配  
    },  
    data : d.rows,  
});