Maison >interface Web >Tutoriel Layui >Comment obtenir la valeur de ligne sélectionnée du tableau dans layui

Comment obtenir la valeur de ligne sélectionnée du tableau dans layui

下次还敢
下次还敢original
2024-04-04 03:00:191020parcourir

Dans layui, vous pouvez obtenir la valeur de ligne sélectionnée du tableau en suivant les étapes suivantes : Obtenez toutes les lignes actuellement sélectionnées : layui.table.checkStatus('tableId'); Obtenez les données de ligne actuellement sélectionnées : let data = layui .table.checkStatus ('tableId').data; Récupère l'index de ligne actuellement sélectionné : let index = layui.table.checkStatus('tableId').index.

Comment obtenir la valeur de ligne sélectionnée du tableau dans layui

Comment utiliser layui pour obtenir la valeur de ligne sélectionnée du tableau

Dans layui, la méthode pour obtenir la valeur de ligne sélectionnée du tableau est la suivante :

1. lignes sélectionnées

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

2. Obtenez les données de ligne actuellement sélectionnées

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

3 Obtenez l'index de ligne actuellement sélectionné

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

où, tableId est l'ID de conteneur de la table.

Exemple de code :

<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>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:Comment installer LayuiArticle suivant:Comment installer Layui