easyui datagrid 搜索功能

最新推荐文章于 2023-04-25 08:43:58 发布

转载最新推荐文章于 2023-04-25 08:43:58 发布 · 154 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/code81/p/5128017.html

文章标签：

#javascript #ViewUI

本文介绍了一种使用 EasyUI 框架中数据表格组件的搜索方法。通过自定义 JavaScript 函数，实现了对表格中特定列进行内容匹配并高亮显示的功能。此方法适用于需要在大量数据中快速定位特定项的应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 1  Array.prototype.contains = function(obj) {
 2             var i = this.length;
 3             while (i--) {
 4                 if (this[i] === obj) {
 5                     return true;
 6                 }
 7             }
 8             return false;
 9         };
10 //        查询函数
11         var tempIndex=[];
12         function searchText(dg,t){ //参数：$("#datagrid"),$(”#text“)
13             var dg = objs.addFoodsListGrid;
14             var t = $('#searchFoodsList');
15 
16             dg.datagrid("unselectAll");
17             var rows = dg.datagrid("getData").rows;
18             console.log(rows);
19             var columns = dg.datagrid('getColumnFields');
20             console.log(columns);
21             var searchVal = t.val();
22             for(var i=0;i<rows.length;i++){
23                 for(var j=1;j<columns.length;j++){
24                     if(rows[i][columns[j]].indexOf(searchVal)>=0){
25                         if(!tempIndex.contains(i)){
26                             dg.datagrid("selectRow",i);
27                             tempIndex.push(i);
28                             return;
29                         }
30                     }
31                 }
32                 if(i==(rows.length-1)){
33                     tempIndex=[];
34                 }
35             }
36         }