So erhalten Sie Tabellendaten in Laui-Layui-Tutorial-php.cn

So erhalten Sie Tabellendaten in Laui

王林

Freigeben： 2020-11-30 10:01:48

Original

16147 Leute haben es durchsucht

Methoden zum Abrufen von Tabellendaten in Layui: 1. Erstellen Sie ein js-Objektarray, um die Originaldaten in der Tabelle zu speichern. 2. Weisen Sie dem Objektarray den Datenparameter von [table.render()] zu Nur Daten.

So erhalten Sie Tabellendaten in Laui
Die Betriebsumgebung dieses Tutorials: Windows 10-System, Laui-Version 2.5.6. Diese Methode ist für alle Computermarken geeignet.

Ideen:

1. Erstellen Sie ein JS-Objektarray mit einem geeigneten Umfang, um die Originaldaten in der Datentabelle zu speichern.

2. Weisen Sie das im vorherigen Schritt erstellte JS-Objektarray, bei dem es sich um die Originaldaten handelt, dem Datenparameter von table.render() zu.

3. Um alle Daten in der Tabelle abzurufen, können Sie das im ersten Schritt erstellte JS-Objektarray direkt abrufen, um alle Daten in der Tabelle abzurufen, indem Sie die Daten in tableContent abrufen.

Code-Implementierung:

// 存放数据表格中的数据的对象数组tableContent
var tableContent = new Array();

table.render({
 elem : &#39;#viewTable&#39;,
 height : 325,
 even: true,
 text: {
 none: &#39;您没有选中任何字段！&#39;
 },
 // 拿对象数组tableContent中的数据作为原始数据渲染数据表格
 data : tableContent, 
 page : {
 layout: [&#39;count&#39;, &#39;prev&#39;, &#39;page&#39;, &#39;next&#39;, &#39;limit&#39;, &#39;skip&#39;]
 },
 limit : 5,
 limits : [5, 10, 15, 20, 25],
 cellMinWidth: 80,
 cols:[[
 {type:&#39;checkbox&#39;,fiexd : &#39;left&#39;},
 {title : &#39;序号&#39;,type:&#39;numbers&#39;},
 {field : &#39;column&#39;,title : &#39;列&#39;,align:&#39;center&#39;},
 {field : &#39;alias&#39;,title : &#39;别名&#39;,align:&#39;center&#39;,edit : &#39;text&#39;},
 {title : &#39;操作&#39;,fiexd : &#39;right&#39;,align:&#39;center&#39;, toolbar: &#39;#viewBar&#39;}
 ]],
 done : function(res, curr, count){
 // do something...
 }
});

Nach dem Login kopieren

Die Daten in der Datentabelle werden durch eine asynchrone Anfrage erhalten

direkt über den done-Parameter von table.render(). Der Wert dieses Parameters ist ein Rückruf, nachdem die Daten gerendert wurden direkt Unabhängig davon, ob es sich um eine Zuweisung oder eine asynchrone Datenanforderung handelt, wird der Rückruf nach dem Rendern ausgelöst. Hinweis: Wenn Sie die direkte Zuweisungsmethode zu den Originaldaten von Laytable verwenden, ruft diese Methode die Daten der aktuellen Seite in der Datentabelle ab, nicht alle Daten in der Tabelle muss den oben genannten Anweisungen folgen: „Die Daten in der Datentabelle sind „Durch direkte Zuweisung““

table.render({ //其它参数在此省略
 done: function(res, curr, count){
 //如果是异步请求数据方式，res即为你接口返回的信息。
 //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
 console.log(res);
 //得到当前页码
 console.log(curr);
 //得到数据总量
 console.log(count);
 }
});

Nach dem Login kopieren

Verwandte Empfehlungen: layui

Das obige ist der detaillierte Inhalt vonSo erhalten Sie Tabellendaten in Laui. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!