利用ext进行级联操作

1.  <script type="text/javascript">  
2.     Ext.onReady(function()  {    
3.     var dat=[['2012年8月11日','200'],    
4.             ['2012年8月12日','300'],    
5.             ['2012年8月16日','122']];       
6.    var store=new Ext.data.SimpleStore({data:dat, fields:["num","shuju"]});    
7. //     
8.    var data=[['1','育新小区'],['2','富力桃园']];    
9.    var data2= new Array();       
10.         data2[0] = [['1','1号楼'],['2','2号楼']];       
11.         data2[1] = [['3','3号楼'],['4','4号楼']];    
12.     var store1=new Ext.data.SimpleStore({data:data,fields:['id','city']});    
13.     var store2=new Ext.data.SimpleStore({    
14.          data:[],    
15.          fields:['wuzi','jiahao']});    
16.     var grid=new Ext.grid.GridPanel({    
17.         renderTo:Ext.getBody(),    
18.         height:200,width:370,    
19.               tbar: [{  
20.                 xtype:'combo',  
21.                 mode:'local',//mode设置为local，这样comobox才能知道数据已经加载到本地  
22.                 triggerAction:'all',//默认为'query'，会出现autocomplete现象  
23.                 valueField:'id',   
24.                 displayField:'city',  
25.                 store:store1,  
26.                 listeners:{  
27.                     'select' : function(cb){  
28.                         var selectedId = cb.getValue();  
29.                         store2.loadData(data2[selectedId-1]);  
30.                     }  
31.                 }  
32.                 },    
33.                 {xtype:'combo',  
34.                  mode:'local',  
35.                  triggerAction:'all',  
36.                  valueField:'wuzi',   
37.                  displayField:'jiahao',  
38.                  store:store2  
39.                 }],    
40.         columns:[{header:"日期",flex:1, dataIndex:"num"},    
41.            {header:"数据",flex:1, dataIndex:"shuju"}], store:store});    
42. });   
43.     </script>