首页
壁纸
关于
推荐
战略合作
Google
主题Joe
Search
1
涂鸦设备本地化接入(涂鸦电表)
13 阅读
2
CentOS 定时同步指定文件到ftp
6 阅读
3
laydate输入日期年月日时分,以十分钟为间隔,不需要秒
5 阅读
4
记一次Django_cas_ng数据库migrate错误
5 阅读
5
Centos7 安装python3并配置pip
4 阅读
运维
Windows
Linux
MacOS
Android
vmware
开发
Python
Go
Html
Electron
智家
HomeAssistant
ESPhome
Unraid
群晖
网络相关
登录
Search
标签搜索
运维
Linux
Python
django
智能家居
Nginx
MACos
brew
layui
cas
群晖
nas
zabbix
vim
JDK
sonar
jenkins
Nexus
转发
mysql
Ruike
累计撰写
29
篇文章
累计收到
109
条评论
首页
栏目
运维
Windows
Linux
MacOS
Android
vmware
开发
Python
Go
Html
Electron
智家
HomeAssistant
ESPhome
Unraid
群晖
网络相关
页面
壁纸
关于
推荐
战略合作
Google
主题Joe
搜索到
1
篇与
的结果
2019-07-10
layui 让表格头部选择栏本地存储
编辑table.js如下位置添加代码如下://table 列隐藏本地化(配置从localStroage) var deploy = localStorage.getItem("tableHidden" + tableFlag + ""); var arr = new Boolean(deploy) ? eval(deploy) : []; // console.log('[START]'+ typeof arr+ '[END]'); $.each(arr, function (index, ele) { var checked = ele.checked; var key = ele.key; var name = ele.name; layui.each(options.cols, function(i1, item1){ layui.each(item1, function(i2, item2){ if(i1+ '-'+ i2 === key){ var hide = item2.hide; //同步勾选列的 hide 值和隐藏样式 item2.hide = !checked; that.elem.find('*[data-key="'+ options.index +'-'+ key +'"]') [checked ? 'removeClass' : 'addClass'](HIDE); //根据列的显示隐藏,同步多级表头的父级相关属性值 if(hide != item2.hide){ that.setParentCol(!checked, name); } //重新适配尺寸 that.resize(); } }); }); });var tableHidden = ""; $('.layui-unselect.layui-form-checkbox').each(function (index, ele) { var key = $(ele).siblings('input').attr('data-key'); var name = $(ele).siblings('input').attr('name'); var checked = $(ele).attr('class').indexOf('layui-form-checked') !== -1 ? true : false; tableHidden += "{'key':'" + key + "','checked':" + checked + ",'name':'" + name + "'},"; }); console.log(tableFlag); localStorage.setItem("tableHidden" + tableFlag + "", "[" + tableHidden + "]");在前端页面使用<script> //不同页面设置不同值用以区分 //使用到筛选栏必须配置 var tableFlag='testpage'; </script>
2019年07月10日
2 阅读
0 评论
0 点赞