layui实现table表格的“关键字搜索”功能1    $('#searchBtn').on('click',function(){
2var type = $(this).data('type');
3        active[type] ? active[type].call(this) : '';
4    });
5// 点击获取数据
6var  active = {
7  getInfo: function () {
88var fileName=$('#fileName').val();
89// var startTime=$('#startTime').val();
90// var endTime=$('#endTime').val();
91var timeRange=$('#timeRange').val();
92if ($('#fileName').val()||$('#md5Name').val()||$('#timeRange').val()) {
93var index = layer.msg('查询中，请稍候...',{icon: 16,time:false,shade:0});
94                setTimeout(function(){
95                    load('flinklist', {
96where: {
97'fileName':fileName,
98'timeRange':timeRange
99                        }
100                    });
101                    layer.close(index);
102                },800);
103            } else {
104                load('flinklist', {where: {
105'fileName':fileName,
106'timeRange':timeRange
107                    }});
108                load('')
109            }
110        },
111    };
1//html代码
2 <a class="layui-btn search_btn "  id="searchBtn"  data-type="getInfo" >查询</a>
tabletime1当键盘按键弹起时⾃动进⾏搜索：
2    $('#search_term').keyup(function () {
3// 1.获得搜索框的值；
4// 2.判断如果有值。layer.msg()
5// 3.定义延时函数，8s后刷新表格，并传递参数；
6// 4.关闭layer.msg()
7var keyWord=$('#search_term').val();
8if($('#search_term')!=''){
9var index=layer.msg('正在查询请稍后',{
10                icon:2,
11                title:'提⽰',
12                time:false
13            })
14            setTimeout(function () {
15                load('getUser',{
16where:{
17                        pageSize:15,
18                        currentPage:1,
19                        keyWords:keyWord
20                    }
21                })
22            },800);
23        }else{
24            getAllUser();
25        }
26    });

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。