您现在的位置是:首页 > 开发开发

layui渲染,搜索解决思路

2022-03-22 13:26:11【开发】人已围观

简介layui渲染,搜索条件不会加入分页,思路,点击“筛选”按钮时,绑定到分页的确定按钮layui-table-page button

layui渲染,搜索条件不会加入分页,思路,点击“筛选”按钮时,绑定到分页的确定按钮layui-table-page button,同时改变tableIns.config.where的值可以实时同步,
 
<div class="layui-input-inline layui-show-xs-block">
    <input type="text" name="keyword" id="keyword" placeholder="关键字" autocomplete="off" class="layui-input" value="<?=$_GET['keyword']?>"></div>
<div class="layui-input-inline layui-show-xs-block">
    <button class="layui-btn" lay-filter="sreach" id="sear_btn" type="button"><!-- lay-submit -->
        <i class="layui-icon">&#xe615;</i>筛选</button>
</div>

var tableIns=table.render({
//.....
});

$('#sear_btn').click(function(){
  tableIns.config.where.sear=$('#sear').val();
  tableIns.config.where.keyword=$('#keyword').val();
  //table.render(tableIns.config);
  $('.layui-table-page button').trigger('click');
});

很赞哦! ()

上一篇:工具

下一篇:jQuery jsonP跨域

相关文章

文章评论

热评榜