layui 数组表格重载/刷新/更新渲染(另类重载办法)

您所在的位置:网站首页 layui表格局部刷新 layui 数组表格重载/刷新/更新渲染(另类重载办法)

layui 数组表格重载/刷新/更新渲染(另类重载办法)

#layui 数组表格重载/刷新/更新渲染(另类重载办法)| 来源: 网络整理| 查看: 265

官方说明:https://www.layui.com/doc/modules/element.html#render

更新渲染

跟表单元素一样,很多时候你的页面元素可能是动态生成的,这时element的相关功能将不会对其有效,你必须手工执行 element.init(type, filter)方法即可。注意:2.1.6 开始,可以用 element.render(type, filter); 方法替代

第一个参数:type,为表单的type类型,可选。默认对全部类型的表单进行一次更新。可局部刷新的type如下表:

参数(type)值描述tab重新对tab选项卡进行初始化渲染nav重新对导航进行渲染breadcrumb重新对面包屑进行渲染progress重新对进度条进行渲染collapse重新对折叠面板进行渲染   例子layui.code element.init(); //更新全部 2.1.6 可用 element.render() 方法替代element.render('nav'); //重新对导航进行渲染。注:layui 2.1.6 版本新增//…… 

第二个参数:filter,为元素的 lay-filter="" 的值。你可以借助该参数,完成指定元素的局部更新。

 

 

如果用layui官方的重载办法都不行,可以用下这个方法

ptable=function(){ treeGrid.render({ id:tableId ,elem: '#'+tableId //,height: '' //固定值 ,idField:'id' //,url:'__STATIC__/json/treegrid_data.json' ,url:'{:url('menujsondata')}' ,toolbar:'#toolbarDemo' ,cellMinWidth: 100 ,treeId:'id'//树形id字段名称 ,treeUpId:'pId'//树形父id字段名称 ,treeShowName:'name'//以树形式显示的字段 ,cols: [[ {type:'checkbox'} ,{width:100,title: '操作', align:'center'/*toolbar: '#barDemo'*/ ,templet: function(d){ var html=''; var addBtn='添加'; var delBtn='删除'; return addBtn+delBtn; } } ,{field:'name', edit:'text',width:300, title: '水果名称'} ,{field:'id',width:100, title: 'id'} ,{field:'pId', title: 'pid'} ]] ,page:false }); }; ptable();

引用:

//执行重载 ptable()


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3