• 技术文章 >web前端 >Layui教程

    layui怎么实现删除数据

    藏色散人藏色散人2020-11-17 15:29:44原创1756

    layui实现删除数据的方法:首先获得当前行数据以及“lay-event”对应的值;然后获取点击的应用位置;接着循环数组的数据,并定义一个bool;最后通过“obj.del();”删除对应行的DOM结构,并更新缓存即可。

    推荐:《layui教程

    layui——删除表格数据(数组数据)

    代码如下:

    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);
    });
    }
    });

    以上就是layui怎么实现删除数据的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:layui
    上一篇:layui的open怎么关闭 下一篇:怎么将layui引入开发框架中
    大前端线上培训班

    相关文章推荐

    • 基于layui实现select区域联动• Layui连接mysql操作CRUD• layui是什么?有什么作用?• layui的open怎么关闭

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网