Compensation ExtJS zone de liste déroulante champ de saisie

J'ai un Poste.forme.Zone de liste déroulante avec les propriétés suivantes:

fieldLabel: 'Regiune',
valueField: 'id',
displayField: 'reg',
id: 'cbRegR',
typeAhead: true,
store: new Ext.data.JsonStore({...}),
mode: 'local',
emptyText: '',
listeners:{...}

Le problème c'est que je dois supprimer manuellement la zone de liste déroulante' champ de saisie après la sélection d'une valeur dans la liste déroulante pour afficher tous les éléments de la liste. La question est la liste affiche uniquement les éléments qui commencent par les lettres dans le champ de saisie.

Comment puis-je effacer le champ de saisie sur l'expansion de la liste déroulante? J'ai essayé ce qui suit, mais ça ne fonctionne pas:

listeners: { 'expand': function() { cbRegR.clearValue(); } }

Semble être facile, mais ce n'est pas vrai pour moi.. des idées brillantes? Merci à l'avance.

  • o-kay, comment puis-je marque ma question comme RÉSOLUE?
InformationsquelleAutor Giku Promitt | 2011-01-14
  1. 3

    L'ajout de la config de la propriété de votre zone de liste déroulante

    triggerAction: 'all'

    pourrait faire l'affaire, sans avoir besoin de s'inscrire développez un gestionnaire d'événement ou de compensation de la zone de liste déroulante de la valeur

    • oui il l'a FAIT 🙂 il y a un risque lors de la configuration de triggerAction "tous"?
    • les docs ici dit que si triggerAction est réglé sur "tous", la valeur de la allQuery option est utilisée pour interroger les données par défaut, c'est "" si toutes les données sont renvoyées.
    • +1 Pour la meilleure réponse. Ne peux pas croire que j'ai oublié celui-là...
    • plus approprié ici l'url de @user69820
    InformationsquelleAutor
  2. 1

    C'est un comportement intrinsèque de Ext JS ComboBox-es pour filtrer la liste des articles en fonction de la valeur du champ, comme vous le savez déjà.

    Vous pourriez perceivably remplacer le expand() la méthode, d'y faire des ajouts pour effacer la valeur avant elle rend la liste. Par exemple:

    Ext.override(Ext.form.ComboBox, {

    expand : function(){
        if(this.isExpanded() || !this.hasFocus){
            return;
        }
        //ADDITIONS HERE:
        this.clearValue();
        this.doQuery("", true);
        //ADDITIONS END HERE

        if(this.title || this.pageSize){
            this.assetHeight = 0;
            if(this.title){
                this.assetHeight += this.header.getHeight();
            }
            if(this.pageSize){
                this.assetHeight += this.footer.getHeight();
            }
        }

        if(this.bufferSize){
            this.doResize(this.bufferSize);
            delete this.bufferSize;
        }
        this.list.alignTo.apply(this.list, [this.el].concat(this.listAlign));

        //zindex can change, re-check it and set it if necessary
        this.list.setZIndex(this.getZIndex());
        this.list.show();
        if(Ext.isGecko2){
            this.innerList.setOverflow('auto'); //necessary for FF 2.0/Mac
        }
        this.mon(Ext.getDoc(), {
            scope: this,
            mousewheel: this.collapseIf,
            mousedown: this.collapseIf
        });
        this.fireEvent('expand', this);
    }

});
    • mm-hmm. j'ai donc besoin de l'écrire une seule fois quelque part sur le haut de la page, à droite?
    • Personnellement, j'ai enregistrer les remplacements dans leur propre fichier JS et de les appeler dans la page de droite après avoir demandé à l'ext scripts. Ils vont être appliquée avant toute autre chose qui se passe ensuite.
    • PS: attention, un remplacement, comme l'exemple ci-dessus sera appliquée à TOUTES les zones de liste modifiables. Si ce n'est pas le comportement souhaité, alors vous pourriez vouloir d'abord étendre la zone de liste déroulante pour faire votre propre version, puis de remplacer la fonction de développement de votre propre extension.
    • eh bien, je vais vérifier cette solution. merci 😉
    InformationsquelleAutor ndtreviv
  3. 0

    L'expansion de l'événement est la bonne, mais vous devez être prudent sur la portée. 

    listeners: {
 'expand': function() {
    cbRegR.clearValue(); 
 },
 scope:this
}

    Ne la définition de la portée d'aide?

    • réglage de la portée de la propriété ne laissez pas les données pour remplir la zone de liste déroulante, ou plutôt la zone de liste déroulante n'est pas simplement l'affichage de la liste de données lors de l'expansion
    InformationsquelleAutor RageZ
  4. 0

    À l'aide de cbRegR ne fonctionne pas, parce que c'est une variable non définie. Soit utiliser

    listeners: { 'expand': function() { Ext.getCmp('cbRegR').clearValue(); } }

    ou, une approche plus sophistiquée:

    listeners: { 'expand': function(self) { self.clearValue(); } }
    • cbRegR est défini comme cbReg = new Ext.forme.Zone de liste déroulante, c'est l'objet que je suis en train de travailler avec
    InformationsquelleAutor user123444555621