最近有个需求,实现前端页面一个数据表格可编辑,随原页面的表单提交json数据,然后后端回传显示。Layui原来也没怎么用过,记个笔记记录一下。
添加行的有个小bug,超过分页行数后,再添加会变成无数据。所以只好初始设置分页为50。
另外,搞了个隐藏的标签随表单一起提交:
从数据表格的缓存中获取表格内输入的值放入标签:
这个之前从table的缓存中提取得到提交的json串含有Layui数据表格的索引,回传Layuitable显示的时候不需要,需要去掉。所以后端用了个正则表达式去除。
为了满足layui数据表格的返回格式,封装了一下数据格式。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta ;
官方实例进去后点查看源码,用JavaScript *** 作cols属性,然后重新加载表格。多看看文档吧。
如上图所示,要扣除里面的表格数据,该怎么弄呢?思路是先把整个表格抠出来,然后按照tr进行分割,存到数组,然后一个个遍历进行正则匹配,最后输出结果转化为json格式,供前台调用!
以上就是关于Layui的数据表格增删改,后端回传json格式封装全部的内容,包括:Layui的数据表格增删改,后端回传json格式封装、layui重载table列名如何引用变量、如何在layui table中 *** 作mysql数据库等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)