1. 程式人生 > >layui實現table表格的“關鍵字搜索”功能

layui實現table表格的“關鍵字搜索”功能

get arch timeout col ble 表格 clas rtti pan

  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>

layui實現table表格的“關鍵字搜索”功能