Ext JS Dependent combo box

Question

我是extJS的新手，並試圖實現以下功能：

我有兩個選擇下拉菜單，使用extJS進行轉換。我怎樣才能確保如果選擇了一個組合框中的值，另一個值應該設置回某個默認值？

謝謝。

編輯：代碼至今：

Ext.onReady(function(){ 

var converted = new Ext.form.ComboBox({ 

    typeAhead: true, 
    triggerAction: 'all', 
    transform:'id_Select1', 
    width:600, 
    forceSelection:true, 
    emptyText:'Select' 

}); 

var convertedCdr = new Ext.form.ComboBox({ 
    typeAhead: true, 
    triggerAction: 'all', 
    transform:'id_select2', 
    width:600, 
    forceSelection:true, 
    emptyText:'Select' 
}); 
}); 

我使用ColdFusion查詢數據庫和填充下拉菜單：

<cfquery name="getData1" datasource="abc"> 
    SELECT * FROM table1 
</cfquery> 

<cfquery name="getData2" datasource="abc"> 
    SELECT * FROM table2 
</cfquery> 

<select name="select1" id="select1"> 
    <cfoutput query="getData1"> 
     <option value="#getData1.Id#">#getData1.name#</option> 
    </cfoutput> 
</select> 

<select name="select2" id="select1"> 
    <cfoutput query="getData2"> 
     <option value="#getData2.Id#">#getData2.name#</option> 
    </cfoutput> 
</select> 

Answer 1

編輯 - 我沒有使用CFM .. 。你需要弄清楚如何使用數據存儲加載你的CF來使用這種技術。

您需要在組合中添加偵聽select事件：

xtype: 'combo', 
id : 'firstComboID', 
listeners: { 
    select: function(combo, record, index) { 
    var selVal = Ext.getCmp('firstComboID').getValue(); 
    var secondCombo = Ext.getCmp('secondComboID'); 
    secondCombo.store.reload({params: {yourParameterName: selVal}}); 
} 

基本上你在這裏做以下幾點：

1. 在第一個組合
獲取選定的值
2. 獲取對第二個組合的數據存儲的引用
3. 使用第一個com中的選定值重新加載第二個組合框的存儲博