ExtJS创建Tree加筛选功能

var tree = new Ext.tree.TreePanel({
                                animate: true,
                                id: 'treePanel1',
                                collapsible: true,
                                enabledDD: true,
                                rootVisible: true,
                                aotoScroll: true,
                                autoHeight: true,
                                lines: true,
                                store: treeStore,
                                tbar: [
                                    {
                                        xtype: 'triggerfield',
                                        autoWidth: true,
                                        id: 'search',
                                        triggerCls: 'x-form-clear-trigger',
                                        onTriggerClick: function () {
                                            this.setValue('');
                                            clearFilter();
                                        },
                                        emptyText: '快速检索功能',
                                        enableKeyEvents: true,
                                        listeners: {
                                            keyup: {
                                                fn: function (field, e) {
                                                    var t = treePanel1;
                                                    var text = Ext.getCmp('search').getValue();
                                                    t.clearFilter();

                                                    if (Ext.EventObject.ESC == e.getKey()) {
                                                        field.onTriggerClick();
                                                        clearFilter();
                                                    }
                                                    else {
                                                        t.filterBy(function (node) {
                                                            var re = new RegExp(text);
                                                            return re.test(node.data.text);
                                                        });
                                                    }
                                                }
                                            }
                                        }
                                    }
                                ]

                            });

                            //清除树形筛选
                            var clearFilter = function () {
                                var field = search,
                                    tree = treePanel1;
                                field.setValue('');
                                tree.clearFilter();
                            };
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值