`

jqGrid与Struts2的结合应用（七） —— 浅谈排序

 
阅读更多

转至：http://blog.csdn.net/gengv/article/details/5732698

作者：gengv

 

终于讲到排序了，这一部分应该说还是比较好理解的。

jqGrid通过colModel选项中的sortable来控制是否可以以某列的值排序。sortable的默认值是true，当设为false时，即此列不能用于排序。

 

[javascript] view plaincopy
  1. $(function(){  
  2.     $("#gridTable").jqGrid({  
  3.       
  4.         ...  
  5.            
  6.         colModel: [  
  7.               {name:"id",index:"id",label:"编码",width:40},    
  8.               {name:"lastName",index:"lastName",label:"姓",width:80},  
  9.               {name:"firstName",index:"firstName",label:"名",width:80},  
  10.               {name:"email",index:"email",label:"电子邮箱",width:160,sortable:false},  
  11.               {name:"telNo",index:"telNo",label:"电话",width:120,sortable:false}  
  12.         ],  
  13.           
  14.         ...  
  15.           
  16.     });  
  17. });  


当点击sortable为true的列首时，jqGrid会向Server发送排序请求，例如：
http://localhost:8085/Hare/jqGridTest/jqGrid05.action?search=false&nd=1279006749246&rows=15&page=3&sidx=firstName&sord=asc

注：其中sord和sidx参数名都是在jqGrid的prmNames选项中设定的（可参考本系列文章的第一篇）。而sidx参数的值即各列的colModel的index选项值。（在查询和排序时，发送的关于列的参数都是基于colModel的index属性的）

后面的事情就交给服务器端的Action来处理了，还拿我们的Contact联系人列表为例。

既然我们可能会分别使用不同的字段来排序，那么就必须为Contact提供不同的Comparator来简化比较操作。因此我写了一个针对Contact的Comparator的工厂类，用来根据不同的字段提供不同的Comparator。

ContactComparatorFactory的代码：

 

 

[java] view plaincopy
  1. package cn.gengv.struts2ex.jqGrid;  
  2. import java.text.Collator;  
  3. import java.util.Comparator;  
  4. import com.byzl.hare.model.Contact;  
  5. public class ContactComparatorFactory {  
  6.     private static Collator collator_Chinese = Collator.getInstance(java.util.Locale.CHINA);  
  7.     private final static Comparator<Contact> idComparator = new IdComparator();  
  8.     private final static Comparator<Contact> firstNameComparator = new FirstNameComparator();  
  9.     private final static Comparator<Contact> lastNameComparator = new LastNameComparator();  
  10.     private final static Comparator<Contact> fullNameComparator = new FullNameComparator();  
  11.     private final static Comparator<Contact> idCardNoNoComparator = new IdCardNoComparator();  
  12.     private final static Comparator<Contact> nationalityComparator = new NationalityComparator();  
  13.       
  14.       
  15.     public static Comparator<Contact> getComparator(String compareType) {  
  16.         if ("id".equalsIgnoreCase(compareType)) {  
  17.             return idComparator;  
  18.         } else if ("firstName".equalsIgnoreCase(compareType)) {  
  19.             return firstNameComparator;  
  20.         } else if ("lastName".equalsIgnoreCase(compareType)) {  
  21.             return lastNameComparator;  
  22.         } else if ("fullName".equalsIgnoreCase(compareType)) {  
  23.             return fullNameComparator;  
  24.         } else if ("idCardNoNo".equalsIgnoreCase(compareType)) {  
  25.             return idCardNoNoComparator;  
  26.         } else if ("nationality".equalsIgnoreCase(compareType)) {  
  27.             return nationalityComparator;  
  28.         } else {  
  29.             return null;  
  30.         }  
  31.     }  
  32.       
  33.     public static class IdComparator implements Comparator<Contact> {  
  34.         public int compare(Contact c1, Contact c2) {  
  35.             if (c1 == null && c2 == null) {  
  36.                 return 0;  
  37.             } else if (c1 == null && c2 != null) {  
  38.                 return -1;  
  39.             } else if (c1 != null && c2 == null) {  
  40.                 return 1;  
  41.             } else {  
  42.                 int id1 = c1.getId();  
  43.                 int id2 = c2.getId();  
  44.                 return id1 == id2 ? 0 : (id1 < id2 ? -1 : 1);  
  45.             }  
  46.         }  
  47.     }  
  48.       
  49.     public static class FirstNameComparator implements Comparator<Contact> {  
  50.         public int compare(Contact c1, Contact c2) {  
  51.             if (c1 == null && c2 == null) {  
  52.                 return 0;  
  53.             } else if (c1 == null && c2 != null) {  
  54.                 return -1;  
  55.             } else if (c1 != null && c2 == null) {  
  56.                 return 1;  
  57.             } else {  
  58.                 String s1 = c1.getFirstName();  
  59.                 String s2 = c2.getFirstName();  
  60.                   
  61.                 if (s1 == null && s2 == null) {  
  62.                     return 0;  
  63.                 } else if (s1 == null && s2 != null) {  
  64.                     return -1;  
  65.                 } else if (s1 != null && s2 == null) {  
  66.                     return 1;  
  67.                 } else {  
  68.                     return collator_Chinese.compare(s1, s2);  
  69.                 }  
  70.             }  
  71.         }  
  72.     }  
  73.       
  74.     public static class LastNameComparator implements Comparator<Contact> {  
  75.         public int compare(Contact c1, Contact c2) {  
  76.             if (c1 == null && c2 == null) {  
  77.                 return 0;  
  78.             } else if (c1 == null && c2 != null) {  
  79.                 return -1;  
  80.             } else if (c1 != null && c2 == null) {  
  81.                 return 1;  
  82.             } else {  
  83.                 String s1 = c1.getLastName();  
  84.                 String s2 = c2.getLastName();  
  85.                   
  86.                 if (s1 == null && s2 == null) {  
  87.                     return 0;  
  88.                 } else if (s1 == null && s2 != null) {  
  89.                     return -1;  
  90.                 } else if (s1 != null && s2 == null) {  
  91.                     return 1;  
  92.                 } else {  
  93.                     return collator_Chinese.compare(s1, s2);  
  94.                 }  
  95.             }  
  96.         }  
  97.     }  
  98.       
  99.     public static class FullNameComparator implements Comparator<Contact> {  
  100.         public int compare(Contact c1, Contact c2) {  
  101.             if (c1 == null && c2 == null) {  
  102.                 return 0;  
  103.             } else if (c1 == null && c2 != null) {  
  104.                 return -1;  
  105.             } else if (c1 != null && c2 == null) {  
  106.                 return 1;  
  107.             } else {  
  108.                 String s1 = c1.getFullName();  
  109.                 String s2 = c2.getFullName();  
  110.                   
  111.                 if (s1 == null && s2 == null) {  
  112.                     return 0;  
  113.                 } else if (s1 == null && s2 != null) {  
  114.                     return -1;  
  115.                 } else if (s1 != null && s2 == null) {  
  116.                     return 1;  
  117.                 } else {  
  118.                     return collator_Chinese.compare(s1, s2);  
  119.                 }  
  120.             }  
  121.         }  
  122.     }  
  123.       
  124.     public static class IdCardNoComparator implements Comparator<Contact> {  
  125.         public int compare(Contact c1, Contact c2) {  
  126.             if (c1 == null && c2 == null) {  
  127.                 return 0;  
  128.             } else if (c1 == null && c2 != null) {  
  129.                 return -1;  
  130.             } else if (c1 != null && c2 == null) {  
  131.                 return 1;  
  132.             } else {  
  133.                 String s1 = c1.getIdCardNo();  
  134.                 String s2 = c2.getIdCardNo();  
  135.                   
  136.                 if (s1 == null && s2 == null) {  
  137.                     return 0;  
  138.                 } else if (s1 == null && s2 != null) {  
  139.                     return -1;  
  140.                 } else if (s1 != null && s2 == null) {  
  141.                     return 1;  
  142.                 } else {  
  143.                     return s1.compareToIgnoreCase(s2);  
  144.                 }  
  145.             }  
  146.         }  
  147.     }  
  148.       
  149.     public static class NationalityComparator implements Comparator<Contact> {  
  150.         public int compare(Contact c1, Contact c2) {  
  151.             if (c1 == null && c2 == null) {  
  152.                 return 0;  
  153.             } else if (c1 == null && c2 != null) {  
  154.                 return -1;  
  155.             } else if (c1 != null && c2 == null) {  
  156.                 return 1;  
  157.             } else {  
  158.                 String s1 = c1.getNationality();  
  159.                 String s2 = c2.getNationality();  
  160.                   
  161.                 if (s1 == null && s2 == null) {  
  162.                     return 0;  
  163.                 } else if (s1 == null && s2 != null) {  
  164.                     return -1;  
  165.                 } else if (s1 != null && s2 == null) {  
  166.                     return 1;  
  167.                 } else {  
  168.                     return collator_Chinese.compare(s1, s2);  
  169.                 }  
  170.             }  
  171.         }  
  172.     }  
  173.       
  174.       
  175. }  

 

 


然后再来看JqGridBaseAction，其中添加了一个抽象方法，用来将数据结果进行排序。

 

[java] view plaincopy
  1. package cn.gengv.struts2ex.jqGrid;  
  2.    
  3. // import ...  
  4.    
  5. @SuppressWarnings("serial")  
  6. public abstract class JqGridBaseAction<T> extends ActionSupport {  
  7.     ...  
  8.       
  9.     // (1)添加排序方法  
  10.     public abstract void sortResults(List<T> results, String field, String order);  
  11.       
  12.     public String refreshGridModel() {  
  13.         try {  
  14.             List<Criterion> criteria = Collections.emptyList();  
  15.                
  16.             if(search == true) {  
  17.                 criteria = new ArrayList<Criterion>();  
  18.                   
  19.                 if(filters != null && filters.length()>0) {  
  20.                     criteria.addAll(this.generateSearchCriteriaFromFilters(filters));  
  21.                 }  
  22.                    
  23.                 Criterion criterion = this.generateSearchCriterion(searchField, searchString, searchOper);  
  24.                 if(criterion != null) {  
  25.                     criteria.add(criterion);  
  26.                 }  
  27.             }  
  28.                
  29.             List<T> results = Collections.emptyList();  
  30.               
  31.               
  32.             int from = rows * (page - 1);  
  33.             int length = rows;   
  34.               
  35.             if(loadonce) {  
  36.                 from = 0;  
  37.                 length = 100;  
  38.             }  
  39.                
  40.             if(!criteria.isEmpty()) {  
  41.                 record = this.getResultSize(criteria);  
  42.                 results = this.listResults(criteria, from, length);  
  43.                   
  44.             } else {  
  45.                 record = this.getResultSize();  
  46.                 results = this.listResults(from, length);  
  47.                   
  48.             }  
  49.               
  50.             // (2)将结果排序  
  51.             if(sidx != null && sord != null) {  
  52.                 sortResults(results, sidx, sord);  
  53.             }  
  54.    
  55.             this.setGridModel(results);  
  56.             total = (int) Math.ceil((double) record / (double) rows);  
  57.             return SUCCESS;  
  58.         } catch (Exception e) {  
  59.             e.printStackTrace();  
  60.             this.addActionError(e.getMessage());  
  61.             return ERROR;  
  62.         }  
  63.     }  
  64.       
  65.     ...  
  66. }  

 


而在ListContactsAction中提供了方法实现：

 

[java] view plaincopy
  1. package cn.gengv.struts2ex.jqGrid;  
  2.    
  3. import java.util.Collections;  
  4. import java.util.Comparator;  
  5. import java.util.List;  
  6. import com.byzl.hare.dao.impl.Criterion;  
  7. import com.byzl.hare.model.Contact;  
  8. import com.byzl.hare.service.ContactService;  
  9.    
  10. @SuppressWarnings("serial")  
  11. public class ListContactsAction extends JqGridBaseAction<Contact> {  
  12.       
  13.     ...  
  14.       
  15.     @Override  
  16.     public void sortResults(List<Contact> results, String field, String order) {  
  17.         // (1)根据field获得对应的Comparator  
  18.         Comparator<Contact> comparator = ContactComparatorFactory.getComparator(field);  
  19.           
  20.         if(comparator != null) {  
  21.             // (2)使用Comparator排序  
  22.             Collections.sort(results, comparator);  
  23.               
  24.             // (3)如果需要的排序顺序为desc，则颠倒顺序  
  25.             if("desc".equals(order)) {  
  26.                 Collections.reverse(results);  
  27.             }  
  28.         }  
  29.           
  30.     }  
  31.    
  32.     ...  
  33. }  

 

 


不过这个例子存在一定的局限性，即只能将当前页中的数据根据某列进行排序；而不能跨页间进行数据排序。之所以存在这种局限，也是源于实际应用中的客观限制。还以这个例子来说，数据库里总共模拟了两万多条数据记录。如果每次要将这些记录进行排里的话，除非有数据库索引支持，否则所要消耗的时间也是相当客观的，对于用户体验来说，几乎就是灾难。如果数据量更多的话，结果可想而知。

因此，我们应该换一个角度来看这个问题，用户之所以使用排序，更多的目的还是在于查找数据方便，既然我们可以提供条件查询（尤其是复杂条件查询），那么用户对于排序的需求也就不会那么迫切了。同时也可以体会到，排序更多地应用在少量数据的场合下。

分享到：
| 【转】jqGrid与Struts2的结合应用（六） ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jqGrid与Struts2的结合应用

    在jqGrid与Struts2的结合应用中，我们通常会经历以下几个步骤： 1. **配置Struts2**：首先，需要在项目的`struts.xml`配置文件中添加jqGrid相关的Action，这些Action负责处理来自jqGrid的AJAX请求，获取或更新...

    jqGrid与Struts2的结合应用_操作Grid数据

    总结来说，jqGrid 与 Struts2 的结合应用提供了高效的数据展示和管理能力。通过理解并熟练运用 jqGrid 的核心方法，开发者可以构建出功能丰富的数据网格，同时结合 Struts2 的灵活性，实现前后端的无缝协作，提高...

    jqgrid+struts2

    **三、jqGrid与Struts2结合应用** jqGrid与Struts2的结合使用可以实现数据的后台动态加载和前端的交互操作。具体步骤如下： 1. **配置Struts2 Action**：创建一个Action类，负责处理请求并返回数据。例如，可以创建...

    jqgrid+struts2实现的增删改查

    在本项目中，jqGrid 与 Struts2 结合，实现了Web应用中的核心功能——增删改查。以下是关键步骤： 1. **配置 Struts2**：首先，需要在项目的 `struts.xml` 配置文件中设置Action类及其对应的URL映射，以及指定使用...

    jqGrid与Struts2 详细文档

    总的来说，jqGrid 与 Struts2 结合使用，可以构建出功能丰富的数据展示和管理界面。理解并熟练掌握 jqGrid 的选项配置和与服务器端的交互机制，对于提升 Web 应用的用户体验和数据管理能力至关重要。

    jqGrid与Sturts2的结合例子

    将jqGrid与Struts2结合，可以创建高效的前端数据展示和交互界面，同时利用Struts2的强大后端处理能力。 在这个"jqGrid与Struts2的结合例子"中，我们将探讨如何将这两者集成，以实现动态加载、数据过滤、编辑和保存...

    jqgrid+struts2+ibatis增删改查

    在IT领域，尤其是在Web开发中，"jqGrid+Struts2+iBatis+Oracle"是一种常见的技术组合，用于构建功能强大的数据管理应用。这里，jqGrid是一个强大的JavaScript表格插件，Struts2是一个Java Web应用程序框架，iBatis是...

    jqGrid表格应用——新增与删除数据

    在"jqGrid表格应用——新增与删除数据"这个主题中，我们可以探讨以下知识点： 1. **jqGrid的基本结构**：jqGrid的HTML结构通常包括一个`&lt;table&gt;`元素，以及必要的CSS和JavaScript引用。例如，`index.html`可能包含`...

    jqGrid 中文大全(1)

    jqGrid尤其在Web应用程序中，与后端如Struts2等框架结合使用时，能够提供高效的数据展示和管理。 在“jqGrid中文大全(1)”这个压缩包中，包含了一系列关于jqGrid的中文教程和文档，这些资料可以帮助开发者更深入地...

    jqGrid demo in JSP Struts2 & Hibernate 新版myeclise for Spring 10.0

    struts配置文件和hibernate的配置文件都在src目录下 4.这就是jqGrid最简单的演示,没有加入任何其它功能, Good Luck! 有人问到没有spring,由于主要是演示jqGrid和jQuery的AJAX功能,所以没有加上spring框架, 如有...

    jqGrid4.5.2强大的多列排序终于有了

    在jqGrid4.5.2版本中，一个备受期待的功能——多列排序终于被引入，极大地提升了用户交互体验和数据管理效率。在此之前，jqGrid只支持单列排序，而多列排序的加入使得用户可以根据多个字段进行复杂的数据筛选和排列...

    Struts2JQGrid java版本分页

    Struts2JQGrid是一个基于Java的Web开发框架，它结合了Struts2和JQGrid两个强大的工具，用于创建动态、交互式的网格数据展示和管理界面。在本项目中，Struts2作为MVC（Model-View-Controller）框架负责处理业务逻辑和...

    jqGrid demo in Struts2 & Hibernate war file part 1

    Struts2 和 hibernate 演示 jqGrid, 使用Action中的 代码可以容易的把jqGrid 用于servlet或纯jsp. Struts 2.16, jqGrid 3.5b, hibernate 3.2 annotation 由于我的上传权限为20M,而我上传上的包括所有的源代码和支持...

    jqGrid demo in Struts2 & Hibernate war file part2

    jqGrid demo in Struts2 & Hibernate war file part2

    jqGrid表头锁列及排序功能细节

    在本文中，我们将深入探讨jqGrid中的表头锁列和排序功能的实现细节。 一、jqGrid 添加列的大标题 jqGrid 提供了设置列组标题的功能，允许为多列设置一个共同的标题头部，提升表格的可读性。实现这一功能的代码如下...

    jqGrid增删改查例子

    这个"jqGrid增删改查例子"是一个实际应用示例，展示了如何结合Struts2框架和MySQL数据库实现一个完整的CRUD（创建、读取、更新、删除）功能的前端表格。 首先，让我们了解一下jqGrid的核心功能： 1. 数据展示：...

    jqgrid +bootstrap4.0 直接使用

    将 jqGrid 与 Bootstrap 4 结合使用，可以创建美观且功能丰富的数据网格，适用于各种设备。 标题 "jqgrid + bootstrap4.0 直接使用" 暗示这个压缩包提供了一个可以直接运行的 jqGrid 示例，集成了 Bootstrap 4 的...

    jqGrid demo in Struts2 & Hibernate war file part 3

    jqGrid demo in Struts2 & Hibernate war file (SQL Script included in WEB-INF\classes)

    jqGrid详解及高级应用

    2. 通过XML字符串数据获取：与XML数据类似，不过是将数据以字符串形式直接传递给jqGrid进行处理。 3. 通过JSON数据获取：后端返回JSON格式的数据，jqGrid通过配置jsonReader来解析。 4. 通过JSON字符串数据获取：...

    jqGrid 演示最新版 jqgrid 4.4, jQuery 1.8.0, jQuery-ui 1.8.23

    将jqGrid与Struts结合，可以方便地在后台处理数据操作，例如通过Struts的Action来实现数据的增删改查，而前端则由jqGrid负责展示和交互，形成强大的前后端协作。 **核心功能** - **数据分页**：jqGrid允许用户对...

Magicbox
Global site tag (gtag.js) - Google Analytics