extjs combobox下拉框 聯動

來源:互聯網
上載者:User

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 方法:這個就省了……


   

 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.