layui实现关键字搜索

本教程操作环境:Windows7系统、layui2.4版,该方法适用于所有品牌电脑。
layui实现table表格的“关键字搜索”功能
1 $('#searchBtn').on('click',function(){
2 var type = $(this).data('type');
3 active[type] ? active[type].call(this) : '';
4 });
5 // 点击获取数据
6 var active = {
7 getInfo: function () {
88 var fileName=$('#fileName').val();
89 // var startTime=$('#startTime').val();
90 // var endTime=$('#endTime').val();
91 var timeRange=$('#timeRange').val();
92 if ($('#fileName').val()||$('#md5Name').val()||$('#timeRange').val()) {
93 var index = layer.msg('查询中,请稍候...',{icon: 16,time:false,shade:0});
94 setTimeout(function(){
95 table.reload('flinklist', {
96 where: {
97 'fileName':fileName,
98 'timeRange':timeRange
99 }
100 });
101 layer.close(index);
102 },800);
103 } else {
104 table.reload('flinklist', {where: {
105 'fileName':fileName,
106 'timeRange':timeRange
107 }});
108 table.reload('')
109 }
110 },
111 };//html代码 <a class="layui-btn search_btn " id="searchBtn" data-type="getInfo" style="margin-left: 15px;">查询</a>
当键盘按键弹起时自动进行搜索:
$('#search_term').keyup(function () {
// 1.获得搜索框的值;
// 2.判断如果有值。layer.msg()
// 3.定义延时函数,8s后刷新表格,并传递参数;
// 4.关闭layer.msg()
var keyWord=$('#search_term').val();
if($('#search_term')!=''){
var index=layer.msg('正在查询请稍后',{
icon:2,
title:'提示',
time:false
})
setTimeout(function () {
table.reload('getUser',{
where:{
pageSize:15,
currentPage:1,
keyWords:keyWord
}
})
},800);
}else{
getAllUser();
}
});
标签: