Die Layui-Tabelle enthält mehrere Datenzeilen. Über externe Eingabeinhalte müssen Sie die angegebene Zeile suchen, die zu ändernde Zeile auswählen und Vorgänge für die Zeile ausführen. Ergebnis: HTML Quelltext: <Text> <div Klasse="layui-fluid"> <Eingabetyp="text" id="txt_id" /> <table class="layui-hide" id="test" lay-filter="test"></table> <script type="text/html" id="toolbarDemo"> <div Klasse="layui-btn-container"> <button class="layui-btn layui-btn-sm" lay-event="getCheckData">Die ausgewählten Zeilendaten abrufen</button> <button class="layui-btn layui-btn-sm" lay-event="SetChecked">Ausgewählte Zeile festlegen</button> </div> </Skript> </div> <script src="lib/jquery-1.9.1.min.js"></script> <script src="layui/layui.all.js"></script> <script src="lib/AjaxCommon.js"></script> <Skript> layui.use('Tabelle', Funktion () { :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::3s::::::333:33333333333333333333ag33333333333333333333333333333 es333333333333333333333333333333 es33 nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht dann dann dann dann aber33333333333333333333 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 dann3 dann3 aber3 dann3 nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht dann nichtie dasen aber aber abersossoss aberstens aberstensss aberten aber abers :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::3s::::::333:33333333333333333333ag33333333333333333333333333333 es333333333333333333333333333333 es33 nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht dann dann dann dann aber33333333333333333333 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 dann3 dann3 aber3 dann3 nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht dann nichtie dasen aber aber abersossoss aberstens aberstensss aberten aber abers ::::::::::: Hintergrundcode: öffentliche Klasse LayUITableEntity { öffentlicher String-Code { erhalten; Satz; } öffentliche Zeichenfolgennachricht { erhalten; Satz; } Anzahl öffentlicher Zeichenfolgen { erhalten; Satz; } öffentliche Objektdaten { erhalten; Satz; } } öffentliche Klasse TestEntity { /// <Zusammenfassung> /// Dieses Feld wird verwendet, um anzuzeigen, ob das Radio ausgewählt ist. /// </summary> öffentliches bool LAY_CHECKED { bekommen; einstellen; } = falsch; öffentliche Zeichenfolge-ID { erhalten; Satz; } öffentlicher Zeichenfolgenname { bekommen; einstellen; } } [Route("/api/test")] öffentliche Klasse TestController: ServiceController { [RouteHttpGet("hallo")] öffentliche FormiumResponse HelloNanUI (FormiumRequest-Anfrage) { List<TestEntity> teList = neue List<TestEntity>(); für (int i = 1; i <= 30; i++) { TestEntity te = neue TestEntity() { //Beim ersten Laden wird die Ebene mit der ID 3 ausgewählt LAY_CHECKED = i == 3 ? true : false, Id = i.ToString(), Name = "name" + i.ToString() 32 }; teList.Add(te); } LayUITableEntity layUITableEntity = neue LayUITableEntity() { Code = "0", Anzahl = teList.Count().ToString(), Nachricht = "", Daten = teList }; gibt Json zurück (layUITableEntity); } } Dies ist das Ende dieses Artikels über den Implementierungscode zum Auswählen des Optionsfelds in der angegebenen Zeile der Layui-Tabelle und zum Scrollen zur Zeile. Weitere relevante Inhalte zum Scrollen mit ausgewählten Optionsfeldern in der Layui-Tabelle finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen! |
<<: Lösung für Front-End-Browser-Schriftgrößen von weniger als 12 Pixel
>>: Detaillierte Erklärung mehrerer cleverer Anwendungen von position:sticky sticky positioning
MySql Nullfeldbeurteilung und IFNULL-Fehlerverarb...
Windows Server 2012 und Windows Server 2008 unter...
Lassen Sie uns heute darüber sprechen, wie Sie vi...
Installieren Sie zunächst SSH in Linux. Nehmen Si...
Vorwort Das Tag <router-link> ist ein großa...
Inhaltsverzeichnis 1. Was ist Redux? 2. Das Redux...
Die Übergangsdokumentadresse definiert eine Hinte...
Ich möchte Ihnen von einem aktuellen Fall erzähle...
Frage: Bei der Entwicklung des Alice-Verwaltungss...
Vorwort Heute werde ich Ihnen ein Holy-Grail-Layo...
Einführung Die aktuellen Anforderungen des Untern...
Heute bin ich etwas verwirrt über <a href="...
In Fortsetzung des vorherigen Artikels erstellen ...
In diesem Artikelbeispiel wird der spezifische Co...
Inhaltsverzeichnis Präsentationsschicht Geschäfts...