微客导航 » 文章资讯 » layui表格数据重载

layui表格数据重载

2023-08-18 13:51:03 336

本文实例为大家分享了layui表格数据重载，供大家参考，具体内容如下

html代码

搜索添加

js代码

layui.use('table',function(){
vartable=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){
varhtml='';
html+='修改';
html+='删除';
returnhtml
},fixed:'right',width:130
}
]],
id:'userTableReload',
limit:10,
page:true
});

//根据条件查询表格数据重新加载
var$=layui.$,active={
reload:function(){
//获取用户名
vardemoReload=$('#userName');
//执行重载
table.reload('userTableReload',{
page:{
curr:1//重新从第1页开始
}
//根据条件查询
,where:{
userName:demoReload.val()
}
});
}
};
//点击搜索按钮根据用户名称查询
$('#selectbyCondition').on('click',
function(){
vartype=$(this).data('type');
active[type]?active[type].call(this):'';
});
});

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

layui表格数据重载

热门推荐

随机推荐