[layui]数据表格搜索关键字执行表格重载

<div class="layui-form">
关键字:
  <div class="layui-inline">
    <input class="layui-input" placeholder="请输入关键字" autocomplete="off" name="Keys1">
     <input class="layui-input" placeholder="请输入关键字" autocomplete="off" name="Keys2">
  </div>
  <button class="layui-btn" lay-submit="" lay-filter="searchBtn"><i class="layui-icon">&#xe615;</i></button>
</div>
 //搜索框 
 form.on('submit(searchBtn)', function (data) {
  console.log(data);
  console.log(data.field);
  var Keys1 = data.field.Keys1;
  var Keys2 = data.field.Keys2;
  table.reload('test', {
    page: {
      curr: 1 //重新从第 1 页开始 
    },
    where: {
      keys1: Keys1
      keys2: Keys2
    }
  }); 
});

在这里插入图片描述

<div class="layui-row"> 
       <div class="layui-form"> 
           <div class="layui-col-md6">
               商家名称:
               <div class="layui-inline">
                   <input class="layui-input" placeholder="请输入商家名称" autocomplete="off" name="BusinessName"> 
               </div>
               <button class="layui-btn" lay-submit="" lay-filter="searchBtn"><i class="layui-icon">&#xe615;</i></button>
           </div>
           <div class="layui-col-md6">
               <label class="layui-form-label" style="width:120px !important">请选择筛选条件</label>
               <div class="layui-input-inline">
                   <select name="status"   lay-filter="select">
                           <option value="0">待审核</option>
                           <option value="1">审核通过</option>
                           <option value="2">审核不通过</option> 
                   </select>
               </div> 
           </div> 
       </div> 
   </div>
//搜索框 
form.on('submit(searchBtn)', function (data) {
    console.log(data);
    console.log(data.field);
    var BusinessName= data.field.BusinessName; 
    table.reload('test', {
        page: {
            curr: 1 //重新从第 1 页开始 
        },
        where: {
            BusinessName: BusinessName
        }
    }); 
});
//下拉框
form.on('select(select)', function(data){
    console.log(data.elem); //得到select原始DOM对象
    console.log(data.value); //得到被选中的值
    console.log(data.othis); //得到美化后的DOM对象
    var status=data.value;

    table.reload('test', {
        page: {
        curr: 1 //重新从第 1 页开始 
        },
        where: {
            status: status
        }
    }); 

});    
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值