跪求 extjs3 省市区级联下拉框小案例

跪求 extjs3 省市区级联下拉框小案例

Ext.onReady(function() {
 var genus_store = new Ext.data.SimpleStore( {
  fields : [ 'value', 'text' ],
  data : []
 });
 var form_condition = new Ext.FormPanel( {
  region : 'west',
  split : false,
  labelWidth : 80,

  frame : true,
  width : 275,
  defaults : {
   width : 150
  },
  labelAlign : 'right',
  defaultType : 'textfield',
  autoScroll : true,
  items : [
    {
     xtype : 'combo',
     fieldLabel : '省/市',
     name : 'docKind',
     mode : 'local',
     readOnly : false,
     triggerAction : 'all',
     emptyText : '省/市',
     store : new Ext.data.SimpleStore( {
      fields : [ 'value', 'text' ],
      data : [ [ '1', '北京市' ], [ '2', '天津市' ], [ '3', '河北省' ] ]
     }),
     hiddenName : 'docKind',
     valueField : 'value',
     displayField : 'text',
     listeners : {
      'select' : function() {

       Ext.getCmp('genus_id').setValue("");
       genus_store.removeAll();       
       if (this.getValue() == 1) {//这里可以把这个value传到后台，动态获取省市下面的城镇，返回来并load到store里
        var da = [ [ 'BJ', '北京市' ]];
        genus_store.loadData(da);

       } else if (this.getValue() == 2) {        
        var da =  [ [ 'TJ', '天津市' ]];
        genus_store.loadData(da);
       } else if (this.getValue() == 3) {        
        var da =  [ [ 'SJZ', '石家庄' ],[ 'TS', '唐山' ]];
        genus_store.loadData(da);
       }
      }
     }
    }, {
     xtype : 'combo', 
     fieldLabel : '市/镇/县',
     name : 'genus',
     id : 'genus_id',
     mode : 'local',
     readOnly : false,
     triggerAction : 'all',
     emptyText : '市/镇/县',
     store : genus_store,
     hiddenName : 'genus',
     valueField : 'value',
     displayField : 'text'
    }]
 });

 var win = new Ext.Window( {
  title : '弹窗',
  width : 340,
  height : 230,
  layout : "fit",
  plain : true,
  modal : true,
  closeAction : "hide",
  items : [ form_condition ]
 });
 win.show();
}); 
简单的做了一个静态联动的，你看下，再按自己需要的改改~

我不会~~~但还是要微笑~~~：）