Comment supprimer des données dans layui

Layui implémente la méthode de suppression des données : obtenez d'abord les données de la ligne actuelle et la valeur correspondant à "lay-event" puis obtenez la position de l'application cliquée puis bouclez les données du tableau et définissez un booléen ; passez enfin "obj .del();" Supprimez la structure DOM de la ligne correspondante et mettez à jour le cache.

Recommandé : "tutoriel layui"

layui - supprimer les données de la table (données du tableau)

Le code est le suivant :

table.on('tool(dataTable)', function(obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
var data = obj.data; //获得当前行数据
var layEvent = obj.event; //获得 lay-event 对应的值
//获取点击的应用位置
if (layEvent == 'delete') {
layer.confirm('确认删除吗?', function(index) {
mans.forEach((item, index) => {//先循环数组的数据
let bool = item.userId == data.userId;//定义一个bool如果数据的id和当前行数据相等
if (bool) {
mans.splice(index, 1);
}
});
console.log(mans);
obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
layer.close(index);
});
}
});

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!