Clearing ExtJS combobox-Eingabe-Feld

Ich habe eine Ext.form.ComboBox mit den folgenden Eigenschaften:

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

Das problem ist, dass ich manuell löschen Sie die combobox' input-Feld nach der Auswahl eines Wertes aus der dropdown-Liste, um alle Objekte in der Liste. Die Sache ist, die Liste zeigt nur die Elemente an, die beginnen mit den Buchstaben im Eingabefeld.

Wie kann ich deaktivieren Sie das Eingabefeld auf dem ausbau der dropdown-Liste aus? Ich habe Folgendes versucht, aber es funktioniert nicht:

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

Scheint einfach zu sein, aber es ist nicht so für mich.. Irgendwelche Ideen? Vielen Dank im Voraus.

o-kay, wie kann ich mark meine Frage als GELÖST?

InformationsquelleAutor Giku Promitt | 2011-01-14

  1. 3

    Hinzufügen der config-Eigenschaft, um Ihre combobox

    triggerAction: 'all'

    könnte den trick tun, ohne die Notwendigkeit zu registrieren erweitern Sie event-handler oder deaktivieren Sie die combobox-Wert

    ja, es HABE 🙂 gibt es ein Risiko bei der Einstellung triggerAction 'alle'?
    die docs hier sagt, dass, wenn triggerAction auf "alle" den Wert der allQuery option wird verwendet, um die Daten Abfragen - dies ist standardmäßig "" damit werden alle Daten zurückgegeben.
    +1 Für die beste Antwort. Kann nicht glauben, ich vergaß...
    weitere geeignete hier url von @user69820

    InformationsquelleAutor

  2. 1

    Es ist eine intrinsische Verhalten von Ext JS ComboBox-es um die Elemente der Liste filtern basierend auf den Wert des Feldes, wie Sie bereits wissen.

    Könnte man perceivably überschreiben der expand () - Methode, Ergänzungen, löschen Sie den Wert, bevor es macht die Liste. EG:

    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. so muss ich schreiben, es einmal irgendwo oben auf der Seite, richtig?
    Ich persönlich speichern von Außerkraftsetzungen in eigene JS-Datei und rufen Sie in der Seite direkt nach dem Aufruf in der ext-Skripten. Sie werden angewendet, bevor irgendetwas anderes passiert dann.
    PS: gewarnt Werden außer Kraft gesetzt, wie das obige Beispiel angewendet werden, um ALLE ComboBoxes. Wenn das nicht gewünschte Verhalten, dann möchten Sie vielleicht zuerst erweitern ComboBox, um Ihre eigene version, dann überschreiben Sie die expand-Funktion auf Ihre eigene Erweiterung.
    gut, ich werde überprüfen Sie diese Lösung. danke 😉

    InformationsquelleAutor ndtreviv

  3. 0

    Erweitern-Veranstaltung ist die gut, aber Sie müssen vorsichtig sein, über den Umfang. 

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

    Macht die Einstellung der scope hilft?

    Einstellung der scope-Eigenschaft können nicht die Daten zum füllen der combobox, oder vielmehr die combobox einfach nicht die Daten anzeigen Liste erweitern

    InformationsquelleAutor RageZ

  4. 0

    Mit cbRegR wird nicht funktionieren, weil es eine nicht definierte variable. Entweder

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

    oder eine differenziertere Betrachtung:

    listeners: { 'expand': function(self) { self.clearValue(); } }
    cbRegR ist definiert als cbReg = new Ext.form.ComboBox, es ist das Objekt, mit dem ich arbeite

    InformationsquelleAutor user123444555621

Schreibe einen Kommentar