当前位置: 代码迷 >> HTML/CSS >> ext4.0 二级级联有关问题
  详细解决方案

ext4.0 二级级联有关问题

热度:684   发布时间:2012-08-31 12:55:03.0
ext4.0 二级级联问题
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});
});

------解决方案--------------------
listeners:{
'select' : function(cb){
var selectedId = cb.getValue();
store2.loadData(data2[selectedId-1]);
}
}