- <script type="text/javascript">
- Ext.onReady(function() {
- var dat=[['2012年8月11日','200'],
- ['2012年8月12日','300'],
- ['2012年8月16日','122']];
- var store=new Ext.data.SimpleStore({data:dat, fields:["num","shuju"]});
- //
- var data=[['1','育新小区'],['2','富力桃园']];
- var data2= new Array();
- data2[0] = [['1','1号楼'],['2','2号楼']];
- data2[1] = [['3','3号楼'],['4','4号楼']];
- var store1=new Ext.data.SimpleStore({data:data,fields:['id','city']});
- var store2=new Ext.data.SimpleStore({
- data:[],
- fields:['wuzi','jiahao']});
- var grid=new Ext.grid.GridPanel({
- renderTo:Ext.getBody(),
- height:200,width:370,
- tbar: [{
- xtype:'combo',
- mode:'local',//mode设置为local,这样comobox才能知道数据已经加载到本地
- triggerAction:'all',//默认为'query',会出现autocomplete现象
- valueField:'id',
- displayField:'city',
- store:store1,
- listeners:{
- 'select' : function(cb){
- var selectedId = cb.getValue();
- store2.loadData(data2[selectedId-1]);
- }
- }
- },
- {xtype:'combo',
- mode:'local',
- triggerAction:'all',
- valueField:'wuzi',
- displayField:'jiahao',
- store:store2
- }],
- columns:[{header:"日期",flex:1, dataIndex:"num"},
- {header:"数据",flex:1, dataIndex:"shuju"}], store:store});
- });
- </script>
利用ext进行级联操作
最新推荐文章于 2018-11-13 10:08:23 发布