EditorGridPanel的基本使用方法

[color=red][b]EditorGridPanel的基本使用，添加一个条件过滤功能。[/color][/b]

Editable = Ext.extend(Ext.grid.EditorGridPanel,{

mymenu : null ,
constructor : function(){

this.mymenu = new Ext.form.ComboBox({
triggerAction : 'all' ,
mode : 'local' ,
store : new Ext.data.SimpleStore({
data : [['收入'],['支出']] ,
fields : ['type']
}) ,
displayField : 'type' ,
valueField : 'type' ,
listeners : {
'select' :{
fn : function(_combo,_r,index){
this.filterData(_combo,_r,index) ;
} ,
scope : this
}
}
}) ;
Editable.superclass.constructor.call(this,{
width : 400 ,
height : 400 ,
tbar : ['查询条件',this.mymenu] ,
store : new Ext.data.SimpleStore({
data : [['收入',300],['支出',20],['收入',5000],['支出',1000]] ,
fields : ['type','money']
}) ,
colModel : new Ext.grid.ColumnModel({
columns :[{
header : '类型' ,
dataIndex : 'type' ,
editor : new Ext.form.TextField({
allowBlank : false
})
},{
header : '金额' ,
dataIndex : 'money' ,
editor : new Ext.form.NumberField({
allowBlank : false
})
}]
}) ,
renderTo : 'editable' ,
filterData : function(_combo,_r,index){
//this.store.filter('type',_combo.)
this.store.filter('type',_combo.getValue()) ;
},
listeners : {
'afteredit' : {
fn : function(_obj){
_obj.record.commit() ;
this.filterData(this.mymenu) ;
} ,
scope : this
}
}
})
}
})