Wie setze ich X in das Textfeld, um Text in extjs zu löschen
Ich möchte eine X-Schaltfläche in einem Textfeld (x auf der rechten Seite des Textfelds) implementieren, um eingegebene Texte zu löschen. Ich habe viele extjs Anwendungen gesehen, die diese Funktion haben. Wie gehe ich vor? Jeder Vorschlag oder Kommentar würde wirklich geschätzt werden ... Danke
sieht ungefähr so aus ...
5 Antworten
Sie müssen eine Erw. form.field.Trigger . Hier ist ein Beispiel dafür
%Vor%Hier finden Sie einen JSFiddle
Das funktioniert bei mir mit dem CSS:
CSS
%Vor%Klasse
%Vor%Verwendung
%Vor%Oder verwenden Sie dieses 'clearbutton' Plugin: Ссылка
Ich mag es, weil es nur ein Plugin ist, eine Zeile, anstatt eine benutzerdefinierte Unterklasse zu benötigen.
Auch kann es auf allen Arten von Feldern verwendet werden, nicht nur auf einem Textfeld.
Sie können die Ext.form.field.Text mit Triggern in Extjs 5.0 und höher verwenden, ohne dass Sie einen neuen Typ definieren müssen.
Der Bereich des Trigger-Handlers ist die Ext.form.field.Text -Komponente.
Sie können mehrere Trigger verwenden und auch das MVVM-Modell verwenden. Zum Beispiel:
%Vor% Der search Trigger verwendet eine Handler-Funktion, d. h. onSearch , die im Controller der Komponente mit dem Ext.form.field.Text -Objekt definiert ist.