easyUI combobox 文本框模糊搜索问题
2017-04-15 13:25
363 查看
easyUI combobox默认自带搜索,但是其搜索是默认从第一个字符开始匹配,没有实现模糊搜索。
解决方案:利用filter属性,对其进行重写,对照其官方解释,如图:
看到解释,确实是根据返回的搜索框关键字(q变量),对其进行匹配,且从第一个字符开始匹配,若满足则返回,没实现模糊,现在需要做的就是,无论第几个字符与其匹配,都返回,如下:
解决方案:利用filter属性,对其进行重写,对照其官方解释,如图:
看到解释,确实是根据返回的搜索框关键字(q变量),对其进行匹配,且从第一个字符开始匹配,若满足则返回,没实现模糊,现在需要做的就是,无论第几个字符与其匹配,都返回,如下:
var opts = $(this).combobox('options'); return row[opts.textField].indexOf(q) >= 0;
$.ajax({ type: "post", url: 'GetDrpProjectTypeDic.ashx?OperationType=droplist&type=' + r.UAS_Type+'&fields=PTD_Name,PTD_ID&sort=PTD_ID&order=desc', data: $("#formadd").serialize(), success: function (obj) { $('#DrpSYSProjectStatus').combobox({ width: 300, valueField: 'PTD_ID', textField: 'PTD_Name', data: jQuery.parseJSON(obj.Msg), filter: function (q, row) { if (row["PinYin"]) { var opts = $(this).combobox('options'); var tmp = q.toLowerCase(); return row["PinYin"].indexOf(tmp) >= 0 || row[opts.textField].indexOf(tmp) >= 0; } else { var opts = $(this).combobox('options'); return row[opts.textField].indexOf(q) >= 0; } } }); } });
相关文章推荐
- easyui datagrid combobox 模糊匹配的问题
- easyui-combobox下拉框修改源码 实现模糊搜索
- 修改easyui combobox源码,实现模糊搜索
- C#用ComboBox实现模糊搜索 解决各种细节问题
- 修改easyui combobox源码,实现模糊搜索
- easyui-combobox---ajax获取数据库JSON数据,实现搜索框实时显示模糊搜索结果
- jquery-easyui组件combobox模糊查询在IE中数据太多导致浏览器崩溃
- 解决jquery-easyui1.3.3 combobox 多选模式不兼容IE8问题
- 搜索文本框焦点离开时设置文本,位置跳动问题
- C#中ComboBox的模糊搜索
- 解决juqery easyui combobox只能选择问题
- 完善easyui combobox自动搜索功能
- 给文本框添加模糊搜索功能(“我记录”MVC框架下实现)
- EasyUI 1.3.2 中 Combobox自动检索 键盘上下选择Bug问题
- 解决jquery-easyui1.3.3 combobox 多选模式不兼容IE8问题
- easyui修改源码实现combobox的真正模糊查询
- C# WinCE下实现ComboBox的模糊搜索,非常方便
- combobox模糊搜索(收藏)
- .NET MVC easyUI中Combo Combobox绑定数据源的问题
- C#中ComboBox的模糊搜索