2015-04-29 1 views
5

Ich weiß, dass dies nicht der richtige Weg sein könnte es verwendet werden sollte, aber ich werde auf jeden Fall fragen:ExtJS Erstellen einer Tagfield ohne die Liste

Gibt es eine Möglichkeit, eine tagfield ohne Drop zu erstellen Down-Liste?

Was wir haben, ist ein benutzerdefiniertes Steuerelement, das eine Kombination aus einem Tagfield und einem ItemSelector ist. Der itemSelector befindet sich in einem Panel, das über einen Umschaltknopf erscheint. Nachdem wir einige Werte ausgewählt haben, verstecken wir das Panel und diese Werte werden im Tagfeld ausgewählt. Wir verwenden im Wesentlichen nicht die Combobox-Eigenschaften des Tagfields, aber wir möchten die Möglichkeit behalten, alle Datensätze zu entfernen, indem Sie das "x" neben den Datensätzen drücken. Gibt es eine Konfiguration oder eine andere Möglichkeit, das Tag-Feld daran zu hindern, die Dropdown-Liste anzuzeigen, wenn darauf geklickt wird?

Antwort

5

IMO einfachste Weg ist extend Methode außer Kraft zu setzen (es könnte leer sein) und setzen hideTrigger zu true:

{ 
    xtype: 'tagfield', 
    store: store, 
    expand: Ext.emptyFn, 
    hideTrigger: true 
} 

Fiddle: http://jsfiddle.net/mmvg1bL2/

+0

Getestet heute Morgen und es funktioniert. Hätte selbst daran denken sollen ... Danke für die Hilfe. – Konstantine

0

gibt es auch triggerOnClick boolean Konfigurationsoption (6.0.1, 5.1.2) was das gleiche erreicht; auch zu verwenden mit hideTrigger: true