Wie man eine Komponente basierend auf ViewModel speichern returnd Daten extjs

Question

Ich habe zwei Comboboxen und ich möchte die Combox (b) basierend auf dem ausgewählten Wert von Combobox A deaktiviert werden (ich sollte auf seine Speicherdaten suchen Sie die Datensätze suchen und Wenn der Records-Parameter (arsubOpen) einen Wert 1 enthält, sollte nur I die Combobox B) aktivieren. Dazu habe ich einen ähnlichen Speicher wie A hinzugefügt und einen Filter hinzugefügt, um die Datensätze zu filtern, die nur arsubOpen 1 enthalten. Nun, wie kann ich ihnen ermöglichen, sie basierend auf diesen Speicherdatensätzen zu aktivieren.

Test fiddle

Answer 1

Sie können change Ereignis hören und den neuen Wert mit einem beliebigen Wert Sie die zweite Combobox aktivieren möchten vergleichen:

{ 
    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}' 
    } 
} 

A fiddle auf eigene Faust basiert.

Ich warf in lastQuery: '' Konfiguration, um den Laden ein zweites Mal auf den Auslöser klicken zu deaktivieren, was wirklich nervig sein kann und nahm mir eine Menge Stunden, um eine Lösung zu finden.