layui表格筛选查询

<form class="layui-form" id="searchForm" οnsubmit="return false">
  <div class="layui-inline">
    <label class="layui-form-label">基地名称</label>
    <div class="layui-input-inline">
        <input type="text" name="orgName" autocomplete="off" class="layui-input" id="orgName">
    </div>
    <button class="layui-btn search-btn inline-block"  lay-filter  id="btnSearch">筛选</button>
  </div>
</form>

<table id="manageList" class="artist-list" lay-filter="manageList"></table>

layui.use(['table', 'upload', 'laydate'], function(){
    var table = layui.table;
    var upload = layui.upload;
    var laydate = layui.laydate;
    var selectData = "";//选择的行
    table.render({ 
       elem: '#manageList' , 
       url: 'loadList' , 
       method: 'POST' , 
       page: true, //-------开启分页
       cols: []
    })
   //查询按钮
   $('#btnSearch').click(function () {
     table.reload('manageList', {
        where : {
           orgName: $("#orgName").val(),
         }
     });
  });


  //或者

var $ = layui.$, active = {
    reload:function(){
        if(1){
            table.reload('manageList', {
                    where: {
                           orgName: $("#orgName").val(),
                    }//这里传参  向后台
                    , url: '/evaluation/search'//后台做模糊搜索接口路径
                    , method: 'post'
                    , page:{
                        curr :0
                    }
                });
        }
    }
};

  //查询按钮
  $('#btnSearch').on('click', function(){
    var type = 'reload';
    active[type] ? active[type].call(this) : '';
  });
});  

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值