easyUI combobox 文本框模糊搜索问题

来源：互联网发布：考研单词背诵软件编辑：程序博客网时间：2024/05/20 05:10

easyUI combobox默认自带搜索，但是其搜索是默认从第一个字符开始匹配，没有实现模糊搜索。
解决方案：利用filter属性，对其进行重写，对照其官方解释，如图：

combobox 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;                                }                            }                        });                    }                });

2 0