thinkphp layui 实现多条件搜索分页
1.HTML搜索框代码<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">文章ID</label>
<div class="layui-input-inline">
<input type="text" name="id" placeholder="请输入" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">状态</label>
<div class="layui-input-inline">
<select name="status">
<option value="0" {if $status==0}selected{/if}>全部</option>
<option value="1" {if $status==1}selected{/if}>开启</option>
<option value="2" {if $status==2}selected{/if}>关闭</option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">标题</label>
<div class="layui-input-inline">
<input type="text" name="title" placeholder="请输入" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">文章标签</label>
<div class="layui-input-inline">
<select name="type_id">
<option value="">请选择标签</option>
{foreach ($find as $find_v)}
<option value="{$find_v['id']}">{$find_v['name']}</option>
{/foreach}
</select>
</div>
</div>
<div class="layui-inline">
<button class="layui-btn layuiadmin-btn-list" lay-submit lay-filter="LAY-app-contlist-search">
<i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
</button>
</div>
</div>2 layui 代码
var $ = layui.jquery,
table = layui.table,
form = layui.form,
laydate = layui.laydate;
//监听搜索
form.on('submit(LAY-app-contlist-search)', function(data){
var field = JSON.stringify(data.field);
//执行重载
table.reload('LAY-app-content-list', {
page:{
curr:1
},
where:{
searchParams:field
}
},'data');
return false;
});3 layui接口代码
//文章管理
table.render({
elem: '#LAY-app-content-list'
,id:'LAY-app-content-list'
,url: '/admin.php/article/lists' //模拟接口
,cols: [[
{type: 'checkbox', fixed: 'left'}
,{field: 'id', width: 80, title: 'ID', sort: true}
,{field: 'level_id', title: '文章级别', minWidth: 80,templet:"#level_formatter"}
,{field: 'title', title: '文章标题'}
,{field: 'type_id', title: '文章分类', minWidth: 60,templet:"#zq_formatter"}
,{field: 'author_id', title: '作者',templet:"#profile_user"}
,{field: 'updates_time', title: '更新时间', sort: true,templet:"<div>{{layui.util.toDateString(d.updates_time*1000, 'yyyy-MM-dd HH:mm:ss')}}</div>"}
,{field: 'status', title: '发布状态', templet: '#buttonTpl', minWidth: 80, align: 'center'}
,{title: '操作', minWidth: 150, align: 'center', fixed: 'right', toolbar: '#table-content-list'}
]]
,first:false/*不显示首页*/
,last:false//不显示尾页
,page: true
,limit: 10
,limits:
,text: '对不起，加载出现异常！'
});
页:
[1]