本文实例为大家分享了layui表格数据重载,供大家参考,具体内容如下
创新互联公司主要从事网站制作、成都网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务海宁,十年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220
html代码
js代码
layui.use('table', function(){ var table = layui.table; table.render({ elem: '#userTable', url:'${HPath}/sUser/SelectUserTable', cellMinWidth: 80, cols: [[ {field:'userID', title: '用户ID', sort: true}, {field:'userName', title: '用户名称'}, {field:'powerName', title: '权限名称'}, {field:'mailbox', title: '邮箱'}, {field:'operatUsers', title: '操作', templet: function(d){ var html = ''; html += ''; html += ''; return html }, fixed: 'right', width: 130 } ]], id:'userTableReload', limit: 10, page:true }); //根据条件查询表格数据重新加载 var $ = layui.$, active = { reload: function(){ //获取用户名 var demoReload = $('#userName'); //执行重载 table.reload('userTableReload', { page: { curr: 1 //重新从第 1 页开始 } //根据条件查询 ,where: { userName:demoReload.val() } }); } }; //点击搜索按钮根据用户名称查询 $('#selectbyCondition').on('click', function(){ var type = $(this).data('type'); active[type] ? active[type].call(this) : ''; }); });
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持创新互联。