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 };
1 //html代码 2 <a class="layui-btn search_btn " id="searchBtn" data-type="getInfo" style="margin-left: 15px;">查询</a>
1 当键盘按键弹起时自动进行搜索: 2 $('#search_term').keyup(function () { 3 // 1.获得搜索框的值; 4 // 2.判断如果有值。layer.msg() 5 // 3.定义延时函数,8s后刷新表格,并传递参数; 6 // 4.关闭layer.msg() 7 var keyWord=$('#search_term').val(); 8 if($('#search_term')!=''){ 9 var index=layer.msg('正在查询请稍后',{ 10 icon:2, 11 title:'提示', 12 time:false 13 }) 14 setTimeout(function () { 15 table.reload('getUser',{ 16 where:{ 17 pageSize:15, 18 currentPage:1, 19 keyWords:keyWord 20 } 21 }) 22 },800); 23 }else{ 24 getAllUser(); 25 } 26 });
一辈子很短,努力的做好两件事就好;第一件事是热爱生活,好好的去爱身边的人;第二件事是努力学习,在工作中取得不一样的成绩,实现自己的价值,而不是仅仅为了赚钱;
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 字符编码:从基础到乱码解决