ext4 二级级联问题

0 0

ext4 二级级联问题5

   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']});
		listeners:{
             select:function(record,index){
             loadData(data2[record.data.id]);}};
		var store2=new Ext.data.SimpleStore({
		     data:data2[record.data.id],
		        fields:['wuzi','jiahao']});
		var grid=new Ext.grid.GridPanel({
				renderTo:Ext.getBody(),
				height:200,width:370,
                tbar: [{xtype:'combo',valueField:'id',
                   displayField:'city',store:store1},
                   {xtype:'combo',valueField:'wuzi',
                   displayField:'jiahao',store:store2}],
				columns:[{header:"日期",flex:1,
					   dataIndex:"num"},
				   {header:"数据",flex:1,
				       dataIndex:"shuju"}],
					store:store});
		});

不知道思路上有没有问题，如果没问题那代码需要修改哪里才能运行呢？现在是什么都显示不出来，求高手们啊

2012年8月20日 15:40

bea555
7
0 0 4

3个答案按时间排序按投票排序

0 0

采纳的答案

	<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>

这样就可以了，其中
mode:'local',//mode设置为local，这样comobox才能知道数据已经加载到本地
triggerAction:'all',//默认为'query'，会出现autocomplete现象
这两个参数的设置要注意些，不然页面不出来数据的

对于级联的实现就是: store.loadData(..) 即可

2012年8月20日 16:55