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

下次还敢
Libérer: 2024-04-04 03:00:19
original
997 Les gens l'ont consulté

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>
Copier après la connexion

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

<code class="javascript">let data = layui.table.checkStatus('tableId').data;</code>
Copier après la connexion

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

<code class="javascript">let index = layui.table.checkStatus('tableId').index;</code>
Copier après la connexion

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>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal