Extjs4.x Ext.tree.Panel 过滤Filter以及trigger field的使用

Extjs4.x中已经取消了组件Ext.Tree.TreeFilter功能，却掉了树形结构的过滤功能，要实现该功能只能自己写了.

Tree节点筛选UI很简单，一个Tbar，一个trigger即可解决问题，剩下的是逻辑代码了。

1.tbar没啥好解析的

2.trigger几个比较重要的属性

　　triggerCls：文本框右侧的按钮样式，主要有4种　　

 

　　onTriggerClick：单击右侧按钮的事件

　　emptyText：值为空时候显示的文字

　　hideTrigger：是否显示触发按钮

　　更多请参考：http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.form.field.Trigger-cfg-hideTrigger

3.剩下最重要的一个是逻辑处理类

完整的案例代码如下:

Ext.define("WMS.view.Tree", {
extend: 'Ext.tree.Panel',
alias: 'widget.wmsTree',
id: 'wmsMenuTreePanel',
title: "功能导航",
margin