代码拉取完成,页面将自动刷新
有个这样的需求,后台加载给前端的table字段很多,一两百个,但是每个人关注的字段不同,有些人会设置这个defaultToolbar中的列字段,但是每次进去页面都得重新设置,很麻烦。
想法是,defaultToolbar的filter这个功能中,用户自定义显示列时保存起来,下次进入页面默认加载用户的设置。但目前没法获取到用户设置的列。
最好也可以设置列的顺序, 就是在设置是否显示时有个上下移动列顺序的功能
用以下方法可以实现 filter 记忆功能:
table.render({
elem: '#test'
,url: 'json/table/demo1.json'
,toolbar: 'default'
,cols: [function(){
var arr = [
{type: 'checkbox', fixed: 'left'}
,{field:'id', title:'ID', width:80, fixed: 'left'}
,{field:'username', title:'用户名', width:120}
,{field:'ip', title:'IP', width: 120}
,{fixed: 'right', title:'操作', toolbar: '#barDemo', width:150}
];
//初始化筛选状态
var local = layui.data ('table-filter-test');
layui.each(arr, function(index, item){
if(item.field in local){
item.hide = local[item.field];
}
});
return arr;
}() ]
,done: function(){
//记录筛选状态
var that = this;
that.elem.next().on('mousedown', 'input[lay-filter="LAY_TABLE_TOOL_COLS"]+', function(){
var input = $(this).prev()[0];
layui.data ('table-filter-test', {
key: input.name
,value: input.checked
})
});
}
});
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
登录 后才可以发表评论