combobox和combotree模糊查询

本文介绍如何使用EasyUI框架中的combobox和combotree组件实现可编辑与自定义模糊查询功能。通过修改默认设置,使用户能够直接在组合框中输入文本进行实时匹配搜索,提高用户体验。

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

直接将对应的代码粘贴上就可以了。不需要修改其他内容

    //combobox可编辑,自定义模糊查询  

    $.fn.combobox.defaults.editable = true;  

    $.fn.combobox.defaults.filter = function(q, row){  

        var opts = $(this).combobox('options');  

        return row[opts.textField].indexOf(q) >= 0;  

    }; 

    //combotree可编辑,自定义模糊查询  

    $.fn.combotree.defaults.editable = true;  

    $.extend($.fn.combotree.defaults.keyHandler,{  

        up:function(){  

            console.log('up');  

        },  

        down:function(){  

            console.log('down');  

        },  

        enter:function(){  

            console.log('enter');  

        },  

        query:function(q){  

            var t = $(this).combotree('tree');  

            var nodes = t.tree('getChildren');  

            for(var i=0; i<nodes.length; i++){  

                var node = nodes[i];  

                if (node.text.indexOf(q) >= 0){  

                    $(node.target).show();  

                } else {  

                    $(node.target).hide();  

                }  

            }  

            var opts = $(this).combotree('options');  

            if (!opts.hasSetEvents){  

                opts.hasSetEvents = true;  

                var onShowPanel = opts.onShowPanel;  

                opts.onShowPanel = function(){  

                    var nodes = t.tree('getChildren');  

                    for(var i=0; i<nodes.length; i++){  

                        $(nodes[i].target).show();  

                    }  

                    onShowPanel.call(this);  

                };  

                $(this).combo('options').onShowPanel = opts.onShowPanel;  

            }  

        }  

    });  

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值