laravel框架 layui搜索数据

<li>
  <div class="layui-input-block" style="float: left; position: relative;">
      <label class="layui-form-label">订单搜索</label>
    <input style="width: auto;" type="text" id="select_orderId" name="select_orderId" lay-verify="required" placeholder="请输入订单编号" autocomplete="off" class="layui-input">
  </div>
    <button class="layui-btn" lay-submit="" id="searchBtn" data-type="getInfo" style="float: left;">搜索</button>
</li>

 

//订单搜索

    $('#searchBtn').on('click',function(){
        var type = $(this).data('type');
        active[type] ? active[type].call(this) : '';
    });
    // 点击获取数据
    var  active = {
        getInfo: function () {
            var orderId=$('#select_orderId').val();
            if (orderId) {
                var index = layer.msg('查询中,请稍候...',{icon: 16,time:false,shade:0});
                setTimeout(function(){
                    table.reload('LAY-app-message-all', { //表格的id
                        url:'/Order/selectByOrderId',
                        where: {
                            'orderId':$.trim(orderId)
                        }
                    });
                    layer.close(index);
                },800);
            } else {
                layer.msg("请输入编号");
            }
        },
    };
  //监听回车事件,扫描枪一扫描或者按下回车键就直接执行查询
    $("#select_orderId").bind("keyup", function (e) {
        if (e.keyCode == 13) {
            var type = "getInfo";
            active[type] ? active[type].call(this) : '';
        }
    });


 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值