如何禁用基於viewModel存儲returnrd數據的組件extjs

Question

我有兩個組合框，我希望combox（b）基於從combobox A選擇的值被禁用（我應該看看它的存儲數據查找記錄和如果記錄參數（arsubOpen）的值爲1，那麼只有我應該啓用組合框B）。爲此，我添加了一個類似於A的商店，並添加了一個過濾器來過濾僅包含arsubOpen 1的記錄。現在，我如何根據這些商店記錄啓用它們。

Test fiddle

Answer 1

你可以聽change事件，並要啓用第二個組合框的任意值比較新值：根據您自己的

{ 
    xtype: 'combobox', 
    anchor: '100%', 
    displayField: 'description', 
    valueField: 'adjustmentTypeId', 
    fieldLabel: 'A', 
    // lastQuery: '' to disable store loading a second time on trigger click 
    lastQuery: '', 
    bind: { 
     store: '{a}' 
    }, 
    listeners: { 
     change: function(combo, value) { 
      // Logging a value to console - remove this code 
      console.log(value); 

      var store = combo.getStore(); 
      var record = store.findRecord(combo.valueField, value) 
      var arsubOpen = record.get('arsubOpen'); 
      // Condition for enabling here 
      var shouldEnable = arsubOpen === 1; 

      var form = combo.up('form'); 
      var basicForm = form.getForm(); 
      // 'bField' si the name of the B combobox field 
      var bCombo = basicForm.findField('bField'); 
      bCombo.setDisabled(!shouldEnable); 
     } 
    } 
}, 
{ 
    xtype: 'combobox', 
    anchor: '100%', 
    // Field name to use for form submitting and finding the field 
    name: 'bField', 
    displayField: 'description', 
    valueField: 'arOnlySubCategoryId', 
    fieldLabel: 'B', 
    // lastQuery: '' to disable store loading a second time on trigger click 
    lastQuery: '', 
    bind: { 
     disabled: 'disableB', 
     store: '{B}' 
    } 
} 

一個fiddle。

我投入了lastQuery: ''配置，以禁止第二次加載存儲在觸發器點擊，這可能非常煩人，並花了我很多小時才能找出解決方案。