Maison interface Web Tutoriel Layui Comment réinitialiser la valeur d'une table dans layui

Comment réinitialiser la valeur d'une table dans layui

Apr 26, 2024 am 03:48 AM
layui

la tablelayui peut réinitialiser la valeur en suivant les étapes suivantes : 1. Obtenez l'instance de table ; 2. Obtenez les données de ligne qui doivent être modifiées ; 3. Modifiez les données de ligne ; 4. Rechargez les données de la table (ou utilisez la mise à jour ; méthode).

Comment réinitialiser la valeur d'une table dans layui

layui Comment réinitialiser la valeur de la table

layui Le composant table fournit une API flexible qui permet aux développeurs de réinitialiser les valeurs de la table. Voici les étapes pour mettre en œuvre cette opération :

1. Obtenez l'instance de table

Tout d'abord, vous devez obtenir l'instance de la table layui :

var table = layui.table.render({
  elem: '#my-table' // 表格容器 id
});
Copier après la connexion

2. Obtenez les données de ligne qui doivent être modifiées.

Vous pouvez obtenir les données de ligne qui doivent être modifiées de la manière suivante. Les données d'origine de la ligne :

var rowData = table.cache.find(function(item) {
  return item.id === id; // 根据 id 查找数据
});
Copier après la connexion

3. Modifier les données de ligne

Après avoir obtenu les données de ligne, vous pouvez utiliser l'opération d'objet JavaScript. pour modifier la valeur qui doit être mise à jour :

rowData.name = '新名称';
Copier après la connexion

4. Recharger les données de la table

Une fois la modification terminée, les données de la table doivent être rechargées pour mettre à jour l'interface :

table.reload({
  data: table.cache // 使用修改后的 cache 数据重新加载
});
Copier après la connexion

Remarque :

  • Si l'index de la ligne est modifié, vous devez utiliser la méthode update : table.update(index, rowData) update 方法:table.update(index, rowData)
  • 如果修改了当前页的第 1 行数据,则需要手动调用 reload
  • Si vous modifiez la première ligne de données sur le page actuelle, vous devez appeler manuellement la méthode reload, car layui ne rafraîchira pas automatiquement la première ligne de la page actuelle
🎜

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

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment obtenir des données de formulaire dans Layui Comment obtenir des données de formulaire dans Layui Apr 04, 2024 am 03:39 AM

Comment obtenir des données de formulaire dans Layui

Comment configurer le saut sur la page de connexion Layui Comment configurer le saut sur la page de connexion Layui Apr 04, 2024 am 03:12 AM

Comment configurer le saut sur la page de connexion Layui

Comment Layui met en œuvre l'auto-adaptation Comment Layui met en œuvre l'auto-adaptation Apr 26, 2024 am 03:00 AM

Comment Layui met en œuvre l'auto-adaptation

Lequel est le meilleur, layui ou elementui ? Lequel est le meilleur, layui ou elementui ? Apr 04, 2024 am 04:15 AM

Lequel est le meilleur, layui ou elementui ?

Comment exécuter Layui Comment exécuter Layui Apr 04, 2024 am 03:42 AM

Comment exécuter Layui

Dans quel langage est le framework Layui ? Dans quel langage est le framework Layui ? Apr 04, 2024 am 04:39 AM

Dans quel langage est le framework Layui ?

La différence entre le framework layui et le framework vue La différence entre le framework layui et le framework vue Apr 26, 2024 am 01:27 AM

La différence entre le framework layui et le framework vue

Quelle est la différence entre layui et vue ? Quelle est la différence entre layui et vue ? Apr 04, 2024 am 03:54 AM

Quelle est la différence entre layui et vue ?

See all articles