viewModel storeに基づいてコンポーネントを無効にする方法returnrd data extjs

Question

私は2つのコンボボックスを持っており、コンボボックス（combobox）Aの選択値に基づいてcombox（b）を無効にします。レコードパラメータ（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: ''の設定を投げて、トリガーのクリックで2回目のロードを無効にしました。これは本当に迷惑になる可能性があり、解決策を理解するのに多くの時間を要しました。