easyUI combobox 文本框模糊搜索问题

最新推荐文章于 2023-09-15 16:23:46 发布

_On_The_Way_

最新推荐文章于 2023-09-15 16:23:46 发布

阅读量3.7k

点赞数 3

本文链接：https://blog.youkuaiyun.com/renkangkangren/article/details/70184025

版权

Jquery EasyUi 专栏收录该内容

4 篇文章

订阅专栏

这篇博客介绍了easyUI combobox默认搜索功能的局限，即从第一个字符开始匹配而非实现模糊搜索。作者提出了解决方案，通过重写filter属性，使combobox能够匹配任意位置的关键字，从而实现模糊搜索效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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