本文实例为大家分享了layui表格数据重载,供大家参考,具体内容如下
html代码
& lt; div class=" wrap容器clearfix”比; & lt; div类=癱olumn-content-detail”比; & lt;形式类=" layui-form " action="比; & lt; div类=發ayui-form-item”比; & lt; div类=發ayui-inline”比; & lt;输入类型="文本" id="用户名" name="用户名"需要lay-verify=皉equired”占位符=扒胧淙胗没白远瓿?肮乇铡眂lass=發ayui-input”比; & lt;/div> & lt;按钮类=" layui-btn layui-btn-normal”数据类型=爸卦亍眎d=皊electbyCondition”在搜索& lt;/button> & lt;按钮类=" layui-btn layui-btn-normal”祝辞添加& lt;/button> & lt;/div> & lt;/form> & lt; div类=" layui-form " id=氨怼痹? & lt;表类=" layui-table " lay-skin="大人物" id=皍serTable”祝辞& lt;/table> & lt;/div> & lt;/div> & lt;/div>
js代码
layui。使用(“表”,函数(){ var表=layui.table; table.render ({ elem:“# userTable ', url:“$ {HPath}/suse SelectUserTable”, cellMinWidth: 80, 关口:[[ {字段:“标识”,标题:“用户ID”,:真正的}, {字段:“用户名”,标题:“用户名称"}, {字段:“powerName”,标题:“权限名称‘}, {字段:“邮箱”,标题:“邮箱”}, {字段:“operatUsers”,标题:“操”作,模板:函数(d) { var html="; html +=& lt;按钮类=眑ayui-btn layui-btn-warm layui-btn-sm”在修改& lt;/button>”; html +=& lt;按钮类=眑ayui-btn layui-btn-danger layui-btn-sm”祝辞删除& lt;/button>”; 返回的html },固定:“正确”的,宽度:130 } ]], id:“userTableReload”, 限制:10 页面:真 });//根据条件查询表格数据重新加载 var=layui美元。美元,活跃={ 重载:函数(){//获取用户名 var demoReload=$(' #用户名');//执行重载 表格重载(userTableReload, { 页面:{ 咕咕叫:1//重新从第1页开始 }//根据条件查询 ,地点:{ 用户名:demoReload.val () } }); } };//点击搜索按钮根据用户名称查询 $ (' # selectbyCondition ')。(“点击”, 函数(){=$ var类型(这). data(“类型”); 活性[型]& # 63;活动(类型)打电话给(这个):”; }); });>之前以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
layui表格数据重载