Heim > Web-Frontend > Layui-Tutorial > Einführung in die Tabellenfeldfilterfunktion des Laui-Frameworks

Einführung in die Tabellenfeldfilterfunktion des Laui-Frameworks

Freigeben: 2019-11-23 15:42:27
Original
10849 Leute haben es durchsucht

Einführung in die Tabellenfeldfilterfunktion des Laui-Frameworks

Zuallererst gilt dies für Felder. Fügen Sie also ein Konfigurationselement zu den Spalten hinzu, um zu entscheiden, welche Spalten eine Filterfunktion haben müssen. Im Allgemeinen können nur diese Daten in mehreren zusammengefasst werden Für Spalten mit bestimmten Verteilungen ist diese Filterung erforderlich. Beispielsweise sind die Spalten „Geschlecht“ und „Beruf“ sowie die Spalte „ID“ von geringer Bedeutung.

Also ein neuer Konfigurationselementfilter: wahr/falsch/null

Einführung in die Tabellenfeldfilterfunktion des Laui-FrameworksNachdem die Tabelle gerendert wurde, fügen Sie das gefilterte Symbol und Ereignis dem Feld hinzu, das der Kopfzeile entspricht

Einführung in die Tabellenfeldfilterfunktion des Laui-FrameworksDies ist der Hauptcode, der zu lang ist, um ihn vollständig anzuzeigen. Um eine kurze Einführung zu geben, wird table.eachCols verwendet, um den Tabellenkopf zu durchlaufen und den hinzuzufügenden Symbolen hinzuzufügen. Beachten Sie Folgendes: Zu diesem Zeitpunkt wird der überprüfte Inhalt, den wir sehen, wenn wir später darauf klicken, nicht tatsächlich generiert.

Eigentlich werden diese alle nach dem Klickereignis verarbeitet. Im Klickereignis wird es durchlaufen, um eine Sammlung der Werte der aktuellen Spalte zu erhalten.

Achtung! Hier ist die Sammlung von Inhalten, die wir schließlich sehen, nicht für die Daten, da die Felder über Vorlagen verfügen, die konvertiert werden können. Selbst wenn die Werte dahinter unterschiedlich sein können, können die endgültig angezeigten Werte dieselben sein, und das sollten sie auch als die gleiche Kategorie zusammengefasst werden.

Was haben Sie getan, als Sie auf diesen Filter geklickt haben?

Zusätzlich zum oben erwähnten Abrufen eines Satzes wird dieser Satz als Daten einer Tabelle verwendet und ermittelt, ob er zunächst gemäß der Logik ausgewählt wird, und dann wird auf der Ebene ein Popup angezeigt -up-Feld, um die Tabelle darin darzustellen.

Eine wichtige Sache hierbei ist, ob die Mehrspaltenfilterung unterstützt werden soll. Das bedeutet, dass Sie zuerst eine Spalte auswählen und dann auf eine andere Spalte klicken können, um diese Spalte basierend auf dem vorherigen Filter zu filtern . Anforderungen, weil sie zu komplex und schwer zu erklären sind.

Da sie sich alle gegenseitig beeinflussen, wird die Spalte dort möglicherweise teilweise klassifiziert, nachdem die Spalte hier ausgeblendet wurde und ein Teil ihrer Daten angezeigt und ein Teil ausgeblendet wird.

Was sollen wir jetzt tun?

Die einzige strengere Möglichkeit besteht darin, einen neuen Status namens „halb ausgewählter Status“ hinzuzufügen. Dies sollte jedoch in tatsächlichen Anwendungsszenarien nicht vorkommen, ist aber recht mühsam zu implementieren, daher ist es einfach nicht unterstützt. Es scheint eine solche Grenze in Excel zu geben, ich weiß nicht, ob ich mich richtig erinnere.

Abschließend wird das Prüfereignis dieser Tabelle überwacht. Die eigentliche Logik dahinter besteht darin, das entsprechende tr anzuzeigen oder auszublenden. Wenn Sie dann auf klicken, um diese Filteroption zu öffnen, wird anhand der Anzeige und Ausblendung von tr in der Tabelle auch bestimmt, ob sie standardmäßig ausgewählt oder nicht ausgewählt ist.

Einführung in die Tabellenfeldfilterfunktion des Laui-FrameworksDa das Symbol dann nicht in der von Laui bereitgestellten Datei gefunden werden kann, wird eine neue Stildatei hinzugefügt, um es zu unterstützen. Bitte achten Sie auf das Hinzufügen von:

Einführung in die Tabellenfeldfilterfunktion des Laui-FrameworksEs gibt Ein Problem: Sie sollten vorsichtig sein. Sie werden feststellen, dass die folgenden Statistikspalten nach der Feldfilterung nicht aktualisiert werden. Dann sollten die entsprechenden Statistiken die Spalten sein, die wir sehen kann darüber nachdenken, wie man damit umgeht.

Meine Idee ist, eine Methode für Tabellenstatistiken zu kapseln, die die Daten berechnen und dann auf den entsprechenden Dom-Knoten aktualisieren kann. Die größte Rolle der von der Originaltabelle bereitgestellten Statistiken besteht darin, einen unten festgelegten Container zu generieren Knoten.

Was den Inhalt betrifft, spielt es eigentlich keine Rolle. Viele Freunde werden fragen, ob Laui statistische Zeilendaten und Unterstützung für die Hintergrundrückgabe bereitstellen kann. Tatsächlich können diese mithilfe der oben genannten Verpackungsmethode gekapselt werden. Die interne Verarbeitung kann ebenfalls sehr frei werden, nicht nur die Summierung, sondern auch verschiedene Berechnungen usw. Dies ist jedoch nicht der Schwerpunkt dieses Beitrags und wird später implementiert.

Testseite: https://sun_zoro.gitee.io/layuitableplug/testTableCheckboxDisabled
Gitee-Projekt: https://gitee.com/sun_zoro/layuiTablePlug

Empfohlen: Schnellstart mit dem Laui-Framework

Das obige ist der detaillierte Inhalt vonEinführung in die Tabellenfeldfilterfunktion des Laui-Frameworks. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:layui.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage