Benutzerdefiniertes Tag: cf_box_search und cf_box_search_detail
Cf_box_search Verwendungszweck
cf_box_search ist ein Tag mit einer flexiblen Struktur, die die Elemente enthält, die wir zum Filtern auf den Listenbildschirmen hinzugefügt haben. Der beabsichtigte Zweck besteht darin, nützlich und reaktionsschnell zu sein, ohne dass wir zusätzlichen CSS-Code schreiben müssen. Es wird in cf_box und standardmäßig mit cf_box_search_detail verwendet.
Hinweis: Der button_type-Wert der Suchschaltfläche, die wir im Tag verwenden, muss 4 sein. Es gibt drei Klassen, die wir nach Bedarf für die Größen der von uns verwendeten Eingaben hinzufügen können.
- Klein: Breite = 50 Pixel
- Mittel: Breite = 100 Pixel
- Groß: Breite = 150 Pixel
Parameter
| Attribute | Beschreibung | Daten | Erforderlich |
| mehr | Wird verwendet, um die Filteroptionen anzuzeigen, die mit der Schaltfläche „Mehr“ auf Listenseiten einhergehen. Der Standardwert ist 1. | Boolescher Wert | H |
| plus | Wenn die Tabelle ein -Element enthält, wird hier die Einfügungs-href übernommen und die Schaltfläche „+“ neben der Schaltfläche „Mehr“ hinzugefügt. Der Standardwert ist 1. | Boolean | H |
Beispiel Verwendung
ws" value="20" >
Ergebnis

.png)
Cf_box_search_detail Verwendungszweck
cf_box_search_detail-Element wird mit verwendet cf_box_search. Dies enthält den Detailteil des Filterbildschirms. Dies ist der Bereich, der mit der Schaltfläche „Mehr“ geöffnet wird.
In diesem Tag werden Elemente mit Bootstrap-Grid-Klassen verwendet, um eine reaktionsfähige Struktur bereitzustellen. Klassen für Schaltflächen: ui-btn, ui-btn-gray, ui-btn-gray2.
Beispiel Verwendung
Ergebnis
(1).png)