Mise à jour ou rechargement du magasin d'ExtJs ComboBox

Question

Je voudrais savoir comment mettre à jour ou recharger les valeurs de liste d'un ComboBox ExtJs. Par exemple, j'ai quelques cases à cocher. Ces cases à cocher déterminent les valeurs que la ComboBox devrait avoir. Donc, après avoir sélectionné certains d'entre eux, je clique sur la liste drowndown (combobox) pour voir les valeurs.

En bref, comment puis-je modifier les valeurs (stockage) d'une ComboBox a déjà.

quelqu'un L'espoir peut me aider

Merci

Answer 1

Dans un écouteur d'événement sur les cases à cocher, obtenir une référence au magasin qui est en train de lire votre ComboBox. Puis appelez ses fonctions ajouter ou supprimer pour mettre à jour les données dans le magasin en fonction de la case à cocher checked Une fois les mises à jour terminées, appelez un doLayout() sur le composant ComboBox, il devrait se re-rendre en fonction de l'état actuel du magasin.

Bien que je pense qu'il existe un moyen de le mettre à jour automatiquement chaque fois que le magasin se met à jour - je ne l'ai pas encore utilisé.

Answer 2

Il va un petit quelque chose comme ça

{ 
    xtype: 'checkbox', 
    //configs 
    listeners : { 
    checked : function (checkbox, checkedBool) { 
     var yourCombo = Ext.getCmp(yourComboID); 

     //I'm not sure what params you will need to reload the comboBox from your 
     // service but hopfully this will give the jist of things. . . 

     yourCombo.store.reload(
        { 
        params: 
         {yourParam : checkedBool}, 
         {yourRowID : rowID} 
        }); 
     } 
} 

Answer 3

Je me sers de cette fonction API ExtJs sans papier changer le magasin lors de l'exécution:

mycombobox.bindStore(newStore); 

comme indiqué par l'équipe de soutien à http://www.sencha.com/forum/showthread.php?40749-Change-Combobox-store-data-update .

Edit: Si je veux mettre les nouvelles données lorsque le magasin est rempli, je fais quelque chose comme ça

storeMyStore = new Ext.data.Store({ 
    ... 
    listeners: { 
     load: function(this, records, options) { 
      cbMyCombo.bindStore(storeMyStore); 
     } 
    } 
}); 

Answer 4

Ici, je fait un combobox qui est mis à jour après une sélection est faite sur un autre ComboBox. Fondamentalement, l'utilisateur final peut utiliser les deux comboboxes pour sélectionner une catégorie principale et une sous-catégorie, qui est basée sur la sélection faite sur la première combobox.

le magasin pour le premier comboBox:

Ext.define("StoreSubject", { 
extend: "Ext.data.Model", 
fields: [ 
{ 
    name: 'i_Id' 
}, 
{ 
    name: 's_Value' 
} 
] 
}); 

var StoreSubject = Ext.create('Ext.data.JsonStore', { 
model: 'StoreSubject', 
proxy: { 

    type: 'ajax', 
    url: '../General/AdministrationDefaultXMLDOM.aspx?qid=15', 
    reader: { 
     type: 'json' 
    } 
} 
}); 
StoreSubject.load(); 

C'est le magasin pour le deuxième comboBox:

Ext.define("StoreLanguageGroup", { 
extend: "Ext.data.Model", 
fields: [ 
{ 
    name: 'i_Id' 
}, 
{ 
    name: 's_Value' 
} 
] 
}); 
var StoreLanguageGroup = Ext.create('Ext.data.JsonStore', { 
model: 'StoreLanguageGroup', 
proxy: { 

    type: 'ajax', 
    url: '../General/AdministrationDefaultXMLDOM.aspx?qid=16', 
    reader: { 
     type: 'json' 
    } 
} 
}); 

Mon code pour Comobox est ressemble à ceci ..

Première ComboBox :

var cmbSubjectName = Ext.create('Ext.form.field.ComboBox', { 
id: 'cmbSubjectName', 
fieldLabel: '<b>Subject</b>', 
name: 'cmbSubjectName', 
valueField: 's_Value', 
displayField: 's_Value', 
allowBlank: false, 
anchor: '80%', 
labelWidth: 150, 
emptyText: '[--Choose--]', 
minChars: 0, 
store: StoreSubject, 
queryMode: 'local', 
typeAhead: true, 
listeners: { 
    'select': { 
     fn: function (combo, value) { 
      var strSubjectName = Ext.getCmp('cmbSubjectName').getValue(); 
      Ext.getCmp('cmbLanguageType').clearValue(); 
      Ext.getCmp('cmbLanguageType').getStore().load({ 
       params: { 
        SubjectName: strSubjectName 
       } 
      }); 
     } 
    } 

}, 
}); 

Ce code est utilisé pour appeler et remplacer le magasin Combox (Impuissant sinon il gardera sur le chargement)

Ext.override(Ext.LoadMask, { 
onHide: function() { 
    this.callParent(); 
} 
}); 

// -------------------- -------

ComboBox Deuxième:

var cmbLanguageType = Ext.create('Ext.form.field.ComboBox', { 
id: 'cmbLanguageType', 
fieldLabel: '<b>Language</b>', 
multipleSelect: false, 
name: 'cmbLanguageType', 
valueField: 's_Value', 
displayField: 's_Value', 
allowBlank: false, 
anchor: '80%', 
labelWidth: 150, 
emptyText: '[--Choose--]', 
minChars: 0, 
store: StoreLanguageGroup, 
queryMode: 'local', 
typeAhead: true, 
}); 

Espérons que cela vous aide .. et S'il vous plaît noter ma réponse