EXT级联，无限制

对于级联，大家都认为很麻烦，我找了众多资料，后来就自己拼了个，现在发出来让大家指点一下吧，不足之处还请谅解!

 

 

<script type="text/javascript">

 var fjStore = new Ext.data.Store({   //查询身份的页面
    url : './sSource.jsp',
    reader: new Ext.data.XmlReader({
        record : 'tcDept',
     id:'code'
     },
     ['code','deptname']
 )
});

 var sqStore = new Ext.data.Store({//查询市的页面
    url : './sqSource.jsp',
    reader: new Ext.data.XmlReader({
        record : 'tcDept',
     id:'code'
     },
     ['code','deptname']
 )
});

 

 

Ext.onReady(function(){

var xsPanel=new Ext.FormPanel({
  frame:true,
  bodyStyle:'padding:5px 5px 0 0',
  width:400,
  labelWidth: 80,
     items: [{
   columnWidth:.5,  //该列占用的宽度，标识为50％
            layout: 'form',
            border:false,
   items:[{
    xtype:'combo',
    id:'fj',
    store: fjStore,
          triggerAction: 'all',
    fieldLabel:'省份',
          displayField:'deptname',
          readOnly : true,
          valueField:'code',
          mode: 'local',
          emptyText:'请选择省份...',
    anchor:'90%',
    listeners :{
    select : function(combo, record, index){
     Ext.getCmp('jgs').clearValue(); //清空市区信息
     sqStore.load({
      params :{
       code : combo.getValue()
      }});
    }
    }
   },{
    xtype:'combo',
    id:'jgs',
    store: jgsStore,
    triggerAction: 'all',
    fieldLabel:'市区,
    displayField:'deptname',
    readOnly : true,
          valueField:'code',
          mode: 'local',
    emptyText:'请选择市区...',
    anchor:'90%'
   }]}]
 });

 

sStore.load();//省份数据初始化

</script>

 

 

 欢迎大家来群 108912562 讨论EXT前端技术。