bootstrap-table前台查询—巧用filterBy(全字匹配)

注意:filterBy只能用全字匹配,不能模糊匹配。两个条件都必须有输入才可以

1.html

 <form id="searchForm">
        用户名<input name="username" value="a" id="name">
        工号<input name="employeeNum" value="1" id="num">
        <input type="button" value="搜索" οnclick="searchUser()">
        <input type="button" value="重置" οnclick="resetUser()">
    </form>

2.juery

(1)使用filterBy进行名称,工号过滤进行查询显示

function searchUser(){

    var name = $('#name').val();
    var num = $('#num').val();
    alert(name+"--"+num);
    $('#bootstrap-table').bootstrapTable('filterBy', {
        username:name,
        employeeNum:num
    })
    }

(2)使用空的filterBy进行重置

    function resetUser(){
    $("#name").val("");
    $("#num").val("");
    $('#bootstrap-table').bootstrapTable('filterBy',{
    })

    }

有不明白的可以进群咨询,欢迎大家交流技术,共同进步

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值