Jetzt erstellen wir eine Laui-Formularzuordnung. Nach dem Abfragen der Daten der ersten Tabelle klicken wir auf eine bestimmte Schaltfläche Fragen Sie für ein Datenelement basierend auf der Primärschlüssel-ID dieses Datenelements die Daten des zweiten Formulars ab und füllen Sie die Daten auf.
Der erste Schritt besteht darin, zwei Tabellen vorzubereiten und die Kopfzeilen entsprechend den Daten zu gestalten.
Dies sind die beiden Tabellen, die ich vorbereitet habe, eine ist die VIP-Tabelle und die andere ist die VIP-Punkte-Anpassungstabelle. Nach einer Weile klicken wir auf die Datenabfrage des VIP Formular Geben Sie die Daten des Punkteanpassungsformulars aus. Ich habe bereits die Datenabfragemethoden für diese beiden Formulare auf der Controller-Seite geschrieben. Nun wollen wir sehen, welche Daten auf der Seite angezeigt werden müssen.
Das Formular auf der Seite wird wie folgt angezeigt: Die Anpassungsdatensatztabelle enthält immer noch keine Daten, da ich beim Initialisieren des Formulars oben den Anforderungspfad des Anpassungsformulars abgemeldet habe . Es gibt nicht viele Möglichkeiten, mit mehr Bedingungen abzufragen. Fügen Sie einfach eine Leiste zum Abfragepfad hinzu und beginnen Sie mit der Abfrage, wenn die Bedingungen erfüllt sind.
Das Folgende ist ein formularbezogenes Ereignis, bei dem es sich um ein Listening-Ereignis handelt. Dieses Ereignis muss in der Methode zum Laden des Laui-Moduls geschrieben werden. Die Bedeutung des Codes besteht hier darin, eine bestimmte Datenzeile in der VIP-Tabelle abzurufen, eine Variable dafür mit einem Klickereignis zu deklarieren und dieser Variablen einen Wert zuzuweisen. Bei der Zuweisung eines Werts wird dieser normalerweise der ID zugewiesen. Später wird die Anpassungstabelle anhand dieser ID abgefragt. Wenn Sie die Daten abfragen können, können Sie den gerade der Konsole zugewiesenen Wert ausgeben, um zu sehen, ob dies möglich ist.
//获取VIP表行事件 layuiTable.on('row(tabVip)', function (obj) { var data = obj.data;//获取点击行数据 //标注选中样式 obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click'); ////***单击选中单选框 obj.tr.find('div.layui-unselect.layui-form-radio')[0].click(); var vipId = data.VipID;//vip类型id //控制台输出看看是否能获取到VIPid console.log(vipId); //调整记录附件,根据VIPid查询对应的调整记录信息 tabAdjustmentRecord.reload ({ //查询路径 url: '/DailyAffairs/VIPManege/AdjustmentRecord', where: { //设定异步数据接口的额外参数,比如设置多条件查询的参数 vipId: vipId }, //从第一页开始 page: { curr:1 } }); });
Schauen wir uns zuerst den Effekt an:
Ich habe auf das zweite Datenelement geklickt, sodass die von der Konsole ausgegebene ID 2 ist. Dies beweist, dass wir die ID erfolgreich erhalten haben. Wenn die VIPid der VIP-Tabelle nicht abgerufen wird, sind keine Daten in der Anpassungstabelle vorhanden. Dies erfordert, dass die Konsolenausgabe überprüft, ob eine ID vorhanden ist Überprüfen Sie bei der Ausgabe, ob die ID falsch abgerufen wurde oder ob eine ID vorhanden ist. Übergeben Sie die ID an den Controller und prüfen Sie, ob der Controller, der den Datensatz angepasst hat, die entsprechende ID geschrieben hat, um ihn zu empfangen.
Weitere Layui-Kenntnisse finden Sie in der Spalte Layui-Tutorial
auf der chinesischen PHP-WebsiteDas obige ist der detaillierte Inhalt vonLayui-bezogene Formmethode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!