Layui
七海桑城
这个作者很懒,什么都没留下…
展开
-
Layui 表格Row/Cell鼠标Hover)
Layui 表格Row/Cell鼠标Hover)效果图Row鼠标Hoverjs文件代码片cols: [[ { field: 'cquantity', title: '对比数量', templet:'#CompareQuantity',//模板id的DOM }]],done:function(result){ funCompareQuantityTips();//整行鼠标悬停事件 },html页面代码片<script type="text/html" i原创 2020-12-26 18:18:25 · 1740 阅读 · 0 评论 -
Layui Tree 禁用选中父节点后自动选中子节点(编辑初始化页面)
Layui 版本v2.5.6还原被压缩的JS地址.问题描述在做权限管理时用了layui tree 组件,编辑功能回显出现问题:只要父级被选中那么子级同样也会被选中如下图所示,本来保存数据的时候只勾中了父级下的某个子级,但是在编辑的时候回显数据就会被全选解决方案1参考解决方案地址1.参考解决方案地址2.1.HTML代码<div class="treebox"> <div id="tree" class="demo-tree demo-tree-box"&g原创 2020-11-19 15:06:36 · 2618 阅读 · 1 评论 -
Layui table删除行出现的空数据
Table里面数据可以存放在两个地方,一个是dom结构,一个是Table内的缓存。所以在删除表格的某一行时既要删除dom结构的行又要移除Table内缓存的行。根据官方网站提供的文档中可以监听表格,监听自定义列事件(event事件),然后可以获取到当前事件行的数据,使用obj.del()即可。但是这种方式存在一个问题,页面上的行确实删除了,但是会留下空数据,这对后续提交整个表格数据存在影响,可以看一下图片如果不提交表格数据或者不新增行的情况下,直接删除dom结构的行是没有问题的,但是提交表格数据或原创 2020-10-17 22:15:49 · 1472 阅读 · 4 评论