目录
一、HTML代码
二、列表项
三、reload重载
四、注意事项
一、HTML代码
<form class="layui-form" action=""><div class="layui-form-item"><label class="layui-form-label">学校</label><div class="layui-input-block"><select name="schoolId" lay-verify="required" lay-filter="schoolId" id="schoolId" lay-search=""><option value="">请选择学校</option></select></div></div><button type="button" class="layui-btn" data-type="reload" id="search">搜索</button><button type="reset" class="layui-btn">重置</button></form>二、列表项
layui.use('table', function () {var table = layui.table;table.render({elem: '#test', url: ctxPath + 'xx/select', toolbar: '#toolbarDemo', title: '学校数据表', cols: [[{title: 'ID', width: 60, fixed: 'left', unresize: true, type:'numbers'}, {field: '', title: '学校', width: 320, align: 'center'}, {fixed: 'right', title: '操作', toolbar: '#barDemo', width: 150, align: 'center'}]], page: true, id: 'reload'});三、reload重载
var $ = layui.$, active = {reload: function () {var school= $('#schoolId');//执行重载table.reload('reload', {page: {curr: 1}, where: {schoolId: schoolId.val(),}}, 'data');}};$('#search').on('click', function () {var type = $(this).data('type');active[type] ? active[type].call(this) : '';});四、注意事项
1、加lay-search，下拉框内可搜索
2、id: 'reload'为重载id，用于绑定重载事件
3、where部分最后一个参数后面不可加，
有用请点赞，养成良好习惯！
疑问、交流、鼓励请留言！
