Rumah > hujung hadapan web > Tutorial Layui > Bagaimana untuk mendapatkan nilai baris yang dipilih bagi jadual jadual dalam layui

Bagaimana untuk mendapatkan nilai baris yang dipilih bagi jadual jadual dalam layui

下次还敢
Lepaskan: 2024-04-04 03:00:19
asal
1023 orang telah melayarinya

Dalam layui, anda boleh mendapatkan nilai baris yang dipilih bagi jadual jadual melalui langkah-langkah berikut: Dapatkan semua baris yang sedang dipilih: layui.table.checkStatus('tableId'); .table.checkStatus ('tableId').data; Dapatkan indeks baris yang sedang dipilih: let index = layui.table.checkStatus('tableId').index.

Bagaimana untuk mendapatkan nilai baris yang dipilih bagi jadual jadual dalam layui

Bagaimana menggunakan LAYUI untuk mendapatkan nilai baris yang dipilih dari jadual LAYUI, kaedah mendapatkan nilai baris yang dipilih adalah seperti berikut:

1. baris yang dipilih

<code class="javascript">layui.table.checkStatus('tableId');</code>
Salin selepas log masuk
2 Dapatkan data baris yang sedang dipilih

<code class="javascript">let data = layui.table.checkStatus('tableId').data;</code>
Salin selepas log masuk
3 Dapatkan indeks baris yang dipilih sekarang

<code class="javascript">let index = layui.table.checkStatus('tableId').index;</code>
Salin selepas log masuk
di mana, tableId ialah ID bekas.

Contoh kod:

<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>
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana untuk mendapatkan nilai baris yang dipilih bagi jadual jadual dalam layui. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan