Heim > Web-Frontend > Layui-Tutorial > So erhalten Sie den ausgewählten Zeilenwert der Tabellentabelle in Laui

So erhalten Sie den ausgewählten Zeilenwert der Tabellentabelle in Laui

下次还敢
Freigeben: 2024-04-04 03:00:19
Original
1015 Leute haben es durchsucht

In Laui können Sie den ausgewählten Zeilenwert der Tabelle durch die folgenden Schritte abrufen: Rufen Sie alle aktuell ausgewählten Zeilen ab:layui.table.checkStatus('tableId'); Rufen Sie die aktuell ausgewählten Zeilendaten ab: let data =layui .table.checkStatus ('tableId').data; Den aktuell ausgewählten Zeilenindex abrufen: let index =layui.table.checkStatus('tableId').index.

So erhalten Sie den ausgewählten Zeilenwert der Tabellentabelle in Laui

So verwenden Sie Laui, um den ausgewählten Zeilenwert der Tabelle abzurufen

In Laui ist die Methode zum Abrufen des ausgewählten Zeilenwerts der Tabelle wie folgt:

1 ausgewählte Zeilen

<code class="javascript">layui.table.checkStatus('tableId');</code>
Nach dem Login kopieren

2. Ruft die aktuell ausgewählten Zeilendaten ab

<code class="javascript">let data = layui.table.checkStatus('tableId').data;</code>
Nach dem Login kopieren

3. Ruft den aktuell ausgewählten Zeilenindex ab

<code class="javascript">let index = layui.table.checkStatus('tableId').index;</code>
Nach dem Login kopieren

wobei tableId die Container-ID der Tabelle ist.

Beispielcode:

<code class="javascript">layui.use('table', function () {
  var table = layui.table;

  // 获取表格实例
  let instance = table.render({
    elem: '#test-table',
    data: [{ id: 1, name: 'John Doe' }, { id: 2, name: 'Jane Doe' }],
    cols: [[{ type: 'checkbox' }, { field: 'id', title: 'ID' }, { field: 'name', title: '姓名' }]]
  });

  // 获取当前选中的行
  let data = table.checkStatus('test-table').data;

  // 输出选中行的姓名
  console.log(data[0].name); // John Doe
});</code>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonSo erhalten Sie den ausgewählten Zeilenwert der Tabellentabelle in Laui. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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