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