ext2 的combobox的使用

用一个combobox来选取用户的登录角色

json数据的格式是这样的 id:xx,name:xx

js 代码

 

1. //===========================combox数据读取=================================   
2.  var RecordDef = Ext.data.Record.create([   
3.        {name: 'id'},{name: 'name'}                  
4.    ]);   
5.   var dataStore=new Ext.data.Store({   
6. /设定读取的地址，这里是个action，参数是username也就是用户的id   
7.        
8.       proxy: new Ext.data.HttpProxy({url: '../getUserRole.do?&userid='+username}),   
9. /设定读取的格式   
10.   
11.        reader: new Ext.data.JsonReader({   
12.           id:"id"  
13.        }, RecordDef),   
14.   
15.        remoteSort: true  
16. });   
17.    dataStore.load();  

这样就定义好了数据源

接下来做一个combobox:

js 代码

 

1. var comboxrole= new Ext.form.ComboBox({   
2.         id:'comboxrole',   
3.         fieldLabel: '登录角色,   
4.        store: dataStore,   
5.        displayField:'name',   
6.        valueField:'id',   
7.        typeAhead: true,   
8.        mode: 'local',   
9.        triggerAction: 'all',   
10.        emptyText:'请选择登录角色...',   
11.        selectOnFocus:true,   
12.        resizable:true  
13.    });    
14.    comboxrole.on('select',comboselect,this);  

comboselect是选取数据后触发的事件，想怎么写就怎么写了，代码和图就不贴了