ext.app.searchfield 问题

Question

在jsp的程序中，如果想用ext做一个搜索框出来，从网上看了可以自己定制一个ext.app.searchfield组件，然后在表格设置中加入
tbar: [
'检索:',
new Ext.portal.SearchField({
store: users,
width:540
})
],

将它引入，但是在后台如何处理呢？如何实现它的搜索功能呢？麻烦大家帮忙解答一下，如果曾经写过这方面的代码，麻烦您可否将代码发上来学习一下，谢谢了~~ :D
[b]问题补充：[/b]
因为有要求，必须做成那种样式的，所以才想采用Ext.portal.SearchField的形式~~

Answer 1

是不是因为看到那个好看呀?:)

在2.0+ 的时候这个组件是一个ux组件,是用户扩展的.

现在3.0中要实现,简直就是太简单了

[code="js"]
var store = new Ext.data.Store({
url: 'getData.action',//查询框会调用这个对象的方法,然后根据这个url来访问服务器获得数据.后台你可以用任何语言都可以.没有限制的.
reader: new Ext.data.JsonReader({totalProperty: 'totalProperty',root: 'root'},
[
{name: 'pid'},
{name: 'a'},
{name: 'b'},
{name: 'c'}

        ])
    });

//-----------------------
new Ext.form.TwinTriggerField({
validationEvent: false,
validateOnBlur: false,
trigger1Class: 'x-form-clear-trigger',
trigger2Class: 'x-form-search-trigger',
hideTrigger1: true,
width: 180,
hasSearch: false,
listeners: {
'specialkey': function(f, e) {
if (e.getKey() == e.ENTER) {
this.onTrigger2Click();
}
if (e.getKey() == e.ESC) {
this.hasSearch = true;
this.onTrigger1Click();
}
}
},
onTrigger1Click: function() {
if (this.hasSearch) {
this.el.dom.value = '';
this.triggers[0].hide();
this.hasSearch = false;
this.focus();
}
},
onTrigger2Click: function() {
var field = this.previousSibling().previousSibling().getValue();
var v = this.getRawValue();
//其实就是这一句啦.他调用了store的加载方法,具体数据怎么和后台也很简单呀.
store.reload({
params: {
value: v,
field: field,
start: 0,
limit: 20
}
});
this.hasSearch = true;
this.triggers[0].show();
this.focus();
}
})
[/code]