esayui combobox 模糊查询实现,详细说明(原创)

不啰嗦直接上代码，

$('#*******').combobox({
    prompt:'请输入检索内容',
    required:false,
    url: '/****.action',
    editable:true,
    valueField: 'id',
    textField: 'inf',
    hasDownArrow:true,
    filter: function(q, row){
        var opts = $(this).combobox('options');
        return row[opts.textField].toLowerCase().indexOf(q.toLowerCase()) != -1;
    }
});

具体说明：

因为easyui的combobox实际上是数据已经加载，filter只是通过正则进行匹配。

hasDownArrow:true 不输入内容，直接下拉可以看到url加载的所有数据。

hasDownArrow:false 不输入内容，不会有下拉，需要输入后再删除输入内容，才能触发下拉。

多说一句：官网的例子

return row[opts.textField].indexOf(q) == 0; 是从首字母进行匹配

return row[opts.textField].toLowerCase().indexOf(q.toLowerCase()) != -1; 则是字符串包含匹配