Layui的数据表格增删改,后端回传json格式封装

Layui的数据表格增删改,后端回传json格式封装,第1张

最近有个需求,实现前端页面一个数据表格可编辑,随原页面的表单提交json数据,然后后端回传显示。Layui原来也没怎么用过,记个笔记记录一下。

添加行的有个小bug,超过分页行数后,再添加会变成无数据。所以只好初始设置分页为50。

另外,搞了个隐藏的标签随表单一起提交:

从数据表格的缓存中获取表格内输入的值放入标签:

这个之前从table的缓存中提取得到提交的json串含有Layui数据表格的索引,回传Layuitable显示的时候不需要,需要去掉。所以后端用了个正则表达式去除。

为了满足layui数据表格的返回格式,封装了一下数据格式。

layui新增一行后,滚动条移动到最新数据 *** 作方法如下:

1、利用JS、jQuery *** 作DOM对象实现在数据表格table中手动添加一个tr。

2、动态添加的一行与Layui数据表格渲染出来的每一行样式及功能一样,必须给tr设置和渲染出来的每一行一样的样式,利用jQuery去完成这个添加这样一个。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11739540.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存