最近有个需求，实现前端页面一个数据表格可编辑，随原页面的表单提交json数据，然后后端回传显示。Layui原来也没怎么用过，记个笔记记录一下。
添加行的有个小bug，超过分页行数后，再添加会变成无数据。所以只好初始设置分页为50。
另外，搞了个隐藏的标签随表单一起提交：
从数据表格的缓存中获取表格内输入的值放入标签：
这个之前从table的缓存中提取得到提交的json串含有Layui数据表格的索引，回传Layuitable显示的时候不需要，需要去掉。所以后端用了个正则表达式去除。
为了满足layui数据表格的返回格式，封装了一下数据格式。
<body>
<div style="border: 1px solid red;height:200px;width: 200px;"></div>
<script>
$(function(){
alert($("div")[0]offsetWidth)
})
</script>
</body>
这是我刚写的一个例子，你可以看一下，可能不太好。
下面这两个是我在网上搜到直接复制的
标签元素的宽高值获取
//绝对宽度
ObjoffsetWidth
//绝对高度
ObjoffsetHeight
自适应的宽度是在js里面设置的，你先看下这个table的ID， 然后去找这个JS里面找初始化的地方 这个默认的就是自适应的 基于 Bootstrap 的 jQuery 表格插件，通过简单的设置，就可以拥有强大的单癣多癣排序、分页，以及编辑、导出、过滤（扩展）等
tablerender参数：
还有一些其它的常用参数：
传给前端的数据需要是{'code':'','msg':'','count':'','data':''}的格式
script 的id和 *** 作列的toolbar属性值一致，lay-event需要用来监控不同的事件。
点击修改时，layermsg('edit')，toast提示“edit”
点击修改时，layermsg('del')，toast提示“del”
头部工具栏和工具行事件类似
前端js和css都是基于layui-v268
如果表格查询时，无数据返回underfined。
原因是是tablerender的时候text设置成一个字符串了，他需要的是一个obj,你可以不设置它，它会默认显示无数据，可以定制但是必须写对
列表横向滚动也能自适应根据截图 *** 作，首页有****
总结
根据实际项目修改，这只是个思路
demo： >
以上就是关于Layui的数据表格增删改，后端回传json格式封装全部的内容，包括:Layui的数据表格增删改，后端回传json格式封装、页面上有一个文本框，文本框里含有table代码，如何用js或jq，获取table代码里的width值和height值、lay ui数据表格等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）