extjs combobox下拉框联动

来源：互联网发布：linux常见的文件系统编辑：程序博客网时间：2024/05/11 22:38

js文件(两个下拉框)：

{
    columnWidth : .5,
    layout : "form",
    items : [{
     xtype : 'combo',
     id : 'bname',
     hiddenName : "tname",
     fieldLabel : '<div style=\"vertical-align:middle;color:red;display:inline\">*</div>表名称',
     triggerAction : 'all',
     forceSelection : true,
     mode : 'remote',
     emptyText : '请选择..',
     valueField : 'tname',
     displayField : 'tzname',
     multiSelect : true,
     editable : false,
     queryMode : 'local',
     width : 160,
     store : store,
     listeners : {
      change : function() {
       var com1zhi = Ext.getCmp("bname");
       if (com1zhi == "") {
        return;
       }

       //Ext.getStore('myStoreId')=ds
      }
     },
     listeners : {
                  select : function() {
                          try {
                                  var parent = Ext.getCmp('combo2');
                                  // var combo2 = Ext.getCmp("combo2");
                   parent.clearValue();
                                  parent.store.reload({
                                              params : {
                                                      tablename :this.value //传到action的参数

                 }
                                              });

                              }catch (ex)
                              {
                                  Ext.MessageBox.alert(ex);
                              }
                          }
                    },

typeAhead : true
}]

},{

      columnWidth : .5,
      layout : "form",
      items : [{
         fieldLabel : '字段列表',
         xtype : "lovcombo",
         hiddenName : "column_name",
         name : 'column_name',// 和valuefield
         id : 'combo2',
         displayField : 'comments', // 对应下面的数据项
         valueField : 'column_name',
         editable : false,
         triggerAction : 'all',
         hideOnSelect : false,
         mode : "local",
         emptyText : "请选择..",
         width : 160,
         scope : this,
         store : ds,
         readOnly : false
        }]

}

action 方法：这个就省了……

extjs combobox下拉框 联动

extjs combobox下拉框联动