`

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

 
阅读更多

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

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

[javascript] view plaincopyprint?
  1. $(function(){
  2. $("#gridTable").jqGrid({
  4. ...
  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. ],
  14. ...
  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 plaincopyprint?
  1. packagecn.gengv.struts2ex.jqGrid;
  2. importjava.text.Collator;
  3. importjava.util.Comparator;
  4. importcom.byzl.hare.model.Contact;
  5. publicclassContactComparatorFactory{
  6. privatestaticCollatorcollator_Chinese=Collator.getInstance(java.util.Locale.CHINA);
  7. privatefinalstaticComparator<Contact>idComparator=newIdComparator();
  8. privatefinalstaticComparator<Contact>firstNameComparator=newFirstNameComparator();
  9. privatefinalstaticComparator<Contact>lastNameComparator=newLastNameComparator();
  10. privatefinalstaticComparator<Contact>fullNameComparator=newFullNameComparator();
  11. privatefinalstaticComparator<Contact>idCardNoNoComparator=newIdCardNoComparator();
  12. privatefinalstaticComparator<Contact>nationalityComparator=newNationalityComparator();
  15. publicstaticComparator<Contact>getComparator(StringcompareType){
  16. if("id".equalsIgnoreCase(compareType)){
  17. returnidComparator;
  18. }elseif("firstName".equalsIgnoreCase(compareType)){
  19. returnfirstNameComparator;
  20. }elseif("lastName".equalsIgnoreCase(compareType)){
  21. returnlastNameComparator;
  22. }elseif("fullName".equalsIgnoreCase(compareType)){
  23. returnfullNameComparator;
  24. }elseif("idCardNoNo".equalsIgnoreCase(compareType)){
  25. returnidCardNoNoComparator;
  26. }elseif("nationality".equalsIgnoreCase(compareType)){
  27. returnnationalityComparator;
  28. }else{
  29. returnnull;
  30. }
  31. }
  33. publicstaticclassIdComparatorimplementsComparator<Contact>{
  34. publicintcompare(Contactc1,Contactc2){
  35. if(c1==null&&c2==null){
  36. return0;
  37. }elseif(c1==null&&c2!=null){
  38. return-1;
  39. }elseif(c1!=null&&c2==null){
  40. return1;
  41. }else{
  42. intid1=c1.getId();
  43. intid2=c2.getId();
  44. returnid1==id2?0:(id1<id2?-1:1);
  45. }
  46. }
  47. }
  49. publicstaticclassFirstNameComparatorimplementsComparator<Contact>{
  50. publicintcompare(Contactc1,Contactc2){
  51. if(c1==null&&c2==null){
  52. return0;
  53. }elseif(c1==null&&c2!=null){
  54. return-1;
  55. }elseif(c1!=null&&c2==null){
  56. return1;
  57. }else{
  58. Strings1=c1.getFirstName();
  59. Strings2=c2.getFirstName();
  61. if(s1==null&&s2==null){
  62. return0;
  63. }elseif(s1==null&&s2!=null){
  64. return-1;
  65. }elseif(s1!=null&&s2==null){
  66. return1;
  67. }else{
  68. returncollator_Chinese.compare(s1,s2);
  69. }
  70. }
  71. }
  72. }
  74. publicstaticclassLastNameComparatorimplementsComparator<Contact>{
  75. publicintcompare(Contactc1,Contactc2){
  76. if(c1==null&&c2==null){
  77. return0;
  78. }elseif(c1==null&&c2!=null){
  79. return-1;
  80. }elseif(c1!=null&&c2==null){
  81. return1;
  82. }else{
  83. Strings1=c1.getLastName();
  84. Strings2=c2.getLastName();
  86. if(s1==null&&s2==null){
  87. return0;
  88. }elseif(s1==null&&s2!=null){
  89. return-1;
  90. }elseif(s1!=null&&s2==null){
  91. return1;
  92. }else{
  93. returncollator_Chinese.compare(s1,s2);
  94. }
  95. }
  96. }
  97. }
  99. publicstaticclassFullNameComparatorimplementsComparator<Contact>{
  100. publicintcompare(Contactc1,Contactc2){
  101. if(c1==null&&c2==null){
  102. return0;
  103. }elseif(c1==null&&c2!=null){
  104. return-1;
  105. }elseif(c1!=null&&c2==null){
  106. return1;
  107. }else{
  108. Strings1=c1.getFullName();
  109. Strings2=c2.getFullName();
  111. if(s1==null&&s2==null){
  112. return0;
  113. }elseif(s1==null&&s2!=null){
  114. return-1;
  115. }elseif(s1!=null&&s2==null){
  116. return1;
  117. }else{
  118. returncollator_Chinese.compare(s1,s2);
  119. }
  120. }
  121. }
  122. }
  124. publicstaticclassIdCardNoComparatorimplementsComparator<Contact>{
  125. publicintcompare(Contactc1,Contactc2){
  126. if(c1==null&&c2==null){
  127. return0;
  128. }elseif(c1==null&&c2!=null){
  129. return-1;
  130. }elseif(c1!=null&&c2==null){
  131. return1;
  132. }else{
  133. Strings1=c1.getIdCardNo();
  134. Strings2=c2.getIdCardNo();
  136. if(s1==null&&s2==null){
  137. return0;
  138. }elseif(s1==null&&s2!=null){
  139. return-1;
  140. }elseif(s1!=null&&s2==null){
  141. return1;
  142. }else{
  143. returns1.compareToIgnoreCase(s2);
  144. }
  145. }
  146. }
  147. }
  149. publicstaticclassNationalityComparatorimplementsComparator<Contact>{
  150. publicintcompare(Contactc1,Contactc2){
  151. if(c1==null&&c2==null){
  152. return0;
  153. }elseif(c1==null&&c2!=null){
  154. return-1;
  155. }elseif(c1!=null&&c2==null){
  156. return1;
  157. }else{
  158. Strings1=c1.getNationality();
  159. Strings2=c2.getNationality();
  161. if(s1==null&&s2==null){
  162. return0;
  163. }elseif(s1==null&&s2!=null){
  164. return-1;
  165. }elseif(s1!=null&&s2==null){
  166. return1;
  167. }else{
  168. returncollator_Chinese.compare(s1,s2);
  169. }
  170. }
  171. }
  172. }
  175. }


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

[java] view plaincopyprint?
  1. packagecn.gengv.struts2ex.jqGrid;
  3. //import...
  5. @SuppressWarnings("serial")
  6. publicabstractclassJqGridBaseAction<T>extendsActionSupport{
  7. ...
  9. //(1)添加排序方法
  10. publicabstractvoidsortResults(List<T>results,Stringfield,Stringorder);
  12. publicStringrefreshGridModel(){
  13. try{
  14. List<Criterion>criteria=Collections.emptyList();
  16. if(search==true){
  17. criteria=newArrayList<Criterion>();
  19. if(filters!=null&&filters.length()>0){
  20. criteria.addAll(this.generateSearchCriteriaFromFilters(filters));
  21. }
  23. Criterioncriterion=this.generateSearchCriterion(searchField,searchString,searchOper);
  24. if(criterion!=null){
  25. criteria.add(criterion);
  26. }
  27. }
  29. List<T>results=Collections.emptyList();
  32. intfrom=rows*(page-1);
  33. intlength=rows;
  35. if(loadonce){
  36. from=0;
  37. length=100;
  38. }
  40. if(!criteria.isEmpty()){
  41. record=this.getResultSize(criteria);
  42. results=this.listResults(criteria,from,length);
  44. }else{
  45. record=this.getResultSize();
  46. results=this.listResults(from,length);
  48. }
  50. //(2)将结果排序
  51. if(sidx!=null&&sord!=null){
  52. sortResults(results,sidx,sord);
  53. }
  55. this.setGridModel(results);
  56. total=(int)Math.ceil((double)record/(double)rows);
  57. returnSUCCESS;
  58. }catch(Exceptione){
  59. e.printStackTrace();
  60. this.addActionError(e.getMessage());
  61. returnERROR;
  62. }
  63. }
  65. ...
  66. }


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

[java] view plaincopyprint?
  1. packagecn.gengv.struts2ex.jqGrid;
  3. importjava.util.Collections;
  4. importjava.util.Comparator;
  5. importjava.util.List;
  6. importcom.byzl.hare.dao.impl.Criterion;
  7. importcom.byzl.hare.model.Contact;
  8. importcom.byzl.hare.service.ContactService;
  10. @SuppressWarnings("serial")
  11. publicclassListContactsActionextendsJqGridBaseAction<Contact>{
  13. ...
  15. @Override
  16. publicvoidsortResults(List<Contact>results,Stringfield,Stringorder){
  17. //(1)根据field获得对应的Comparator
  18. Comparator<Contact>comparator=ContactComparatorFactory.getComparator(field);
  20. if(comparator!=null){
  21. //(2)使用Comparator排序
  22. Collections.sort(results,comparator);
  24. //(3)如果需要的排序顺序为desc，则颠倒顺序
  25. if("desc".equals(order)){
  26. Collections.reverse(results);
  27. }
  28. }
  30. }
  32. ...
  33. }


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

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

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

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

[javascript] view plaincopyprint?
  1. $(function(){
  2. $("#gridTable").jqGrid({
  4. ...
  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. ],
  14. ...
  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 plaincopyprint?
  1. packagecn.gengv.struts2ex.jqGrid;
  2. importjava.text.Collator;
  3. importjava.util.Comparator;
  4. importcom.byzl.hare.model.Contact;
  5. publicclassContactComparatorFactory{
  6. privatestaticCollatorcollator_Chinese=Collator.getInstance(java.util.Locale.CHINA);
  7. privatefinalstaticComparator<Contact>idComparator=newIdComparator();
  8. privatefinalstaticComparator<Contact>firstNameComparator=newFirstNameComparator();
  9. privatefinalstaticComparator<Contact>lastNameComparator=newLastNameComparator();
  10. privatefinalstaticComparator<Contact>fullNameComparator=newFullNameComparator();
  11. privatefinalstaticComparator<Contact>idCardNoNoComparator=newIdCardNoComparator();
  12. privatefinalstaticComparator<Contact>nationalityComparator=newNationalityComparator();
  15. publicstaticComparator<Contact>getComparator(StringcompareType){
  16. if("id".equalsIgnoreCase(compareType)){
  17. returnidComparator;
  18. }elseif("firstName".equalsIgnoreCase(compareType)){
  19. returnfirstNameComparator;
  20. }elseif("lastName".equalsIgnoreCase(compareType)){
  21. returnlastNameComparator;
  22. }elseif("fullName".equalsIgnoreCase(compareType)){
  23. returnfullNameComparator;
  24. }elseif("idCardNoNo".equalsIgnoreCase(compareType)){
  25. returnidCardNoNoComparator;
  26. }elseif("nationality".equalsIgnoreCase(compareType)){
  27. returnnationalityComparator;
  28. }else{
  29. returnnull;
  30. }
  31. }
  33. publicstaticclassIdComparatorimplementsComparator<Contact>{
  34. publicintcompare(Contactc1,Contactc2){
  35. if(c1==null&&c2==null){
  36. return0;
  37. }elseif(c1==null&&c2!=null){
  38. return-1;
  39. }elseif(c1!=null&&c2==null){
  40. return1;
  41. }else{
  42. intid1=c1.getId();
  43. intid2=c2.getId();
  44. returnid1==id2?0:(id1<id2?-1:1);
  45. }
  46. }
  47. }
  49. publicstaticclassFirstNameComparatorimplementsComparator<Contact>{
  50. publicintcompare(Contactc1,Contactc2){
  51. if(c1==null&&c2==null){
  52. return0;
  53. }elseif(c1==null&&c2!=null){
  54. return-1;
  55. }elseif(c1!=null&&c2==null){
  56. return1;
  57. }else{
  58. Strings1=c1.getFirstName();
  59. Strings2=c2.getFirstName();
  61. if(s1==null&&s2==null){
  62. return0;
  63. }elseif(s1==null&&s2!=null){
  64. return-1;
  65. }elseif(s1!=null&&s2==null){
  66. return1;
  67. }else{
  68. returncollator_Chinese.compare(s1,s2);
  69. }
  70. }
  71. }
  72. }
  74. publicstaticclassLastNameComparatorimplementsComparator<Contact>{
  75. publicintcompare(Contactc1,Contactc2){
  76. if(c1==null&&c2==null){
  77. return0;
  78. }elseif(c1==null&&c2!=null){
  79. return-1;
  80. }elseif(c1!=null&&c2==null){
  81. return1;
  82. }else{
  83. Strings1=c1.getLastName();
  84. Strings2=c2.getLastName();
  86. if(s1==null&&s2==null){
  87. return0;
  88. }elseif(s1==null&&s2!=null){
  89. return-1;
  90. }elseif(s1!=null&&s2==null){
  91. return1;
  92. }else{
  93. returncollator_Chinese.compare(s1,s2);
  94. }
  95. }
  96. }
  97. }
  99. publicstaticclassFullNameComparatorimplementsComparator<Contact>{
  100. publicintcompare(Contactc1,Contactc2){
  101. if(c1==null&&c2==null){
  102. return0;
  103. }elseif(c1==null&&c2!=null){
  104. return-1;
  105. }elseif(c1!=null&&c2==null){
  106. return1;
  107. }else{
  108. Strings1=c1.getFullName();
  109. Strings2=c2.getFullName();
  111. if(s1==null&&s2==null){
  112. return0;
  113. }elseif(s1==null&&s2!=null){
  114. return-1;
  115. }elseif(s1!=null&&s2==null){
  116. return1;
  117. }else{
  118. returncollator_Chinese.compare(s1,s2);
  119. }
  120. }
  121. }
  122. }
  124. publicstaticclassIdCardNoComparatorimplementsComparator<Contact>{
  125. publicintcompare(Contactc1,Contactc2){
  126. if(c1==null&&c2==null){
  127. return0;
  128. }elseif(c1==null&&c2!=null){
  129. return-1;
  130. }elseif(c1!=null&&c2==null){
  131. return1;
  132. }else{
  133. Strings1=c1.getIdCardNo();
  134. Strings2=c2.getIdCardNo();
  136. if(s1==null&&s2==null){
  137. return0;
  138. }elseif(s1==null&&s2!=null){
  139. return-1;
  140. }elseif(s1!=null&&s2==null){
  141. return1;
  142. }else{
  143. returns1.compareToIgnoreCase(s2);
  144. }
  145. }
  146. }
  147. }
  149. publicstaticclassNationalityComparatorimplementsComparator<Contact>{
  150. publicintcompare(Contactc1,Contactc2){
  151. if(c1==null&&c2==null){
  152. return0;
  153. }elseif(c1==null&&c2!=null){
  154. return-1;
  155. }elseif(c1!=null&&c2==null){
  156. return1;
  157. }else{
  158. Strings1=c1.getNationality();
  159. Strings2=c2.getNationality();
  161. if(s1==null&&s2==null){
  162. return0;
  163. }elseif(s1==null&&s2!=null){
  164. return-1;
  165. }elseif(s1!=null&&s2==null){
  166. return1;
  167. }else{
  168. returncollator_Chinese.compare(s1,s2);
  169. }
  170. }
  171. }
  172. }
  175. }


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

[java] view plaincopyprint?
  1. packagecn.gengv.struts2ex.jqGrid;
  3. //import...
  5. @SuppressWarnings("serial")
  6. publicabstractclassJqGridBaseAction<T>extendsActionSupport{
  7. ...
  9. //(1)添加排序方法
  10. publicabstractvoidsortResults(List<T>results,Stringfield,Stringorder);
  12. publicStringrefreshGridModel(){
  13. try{
  14. List<Criterion>criteria=Collections.emptyList();
  16. if(search==true){
  17. criteria=newArrayList<Criterion>();
  19. if(filters!=null&&filters.length()>0){
  20. criteria.addAll(this.generateSearchCriteriaFromFilters(filters));
  21. }
  23. Criterioncriterion=this.generateSearchCriterion(searchField,searchString,searchOper);
  24. if(criterion!=null){
  25. criteria.add(criterion);
  26. }
  27. }
  29. List<T>results=Collections.emptyList();
  32. intfrom=rows*(page-1);
  33. intlength=rows;
  35. if(loadonce){
  36. from=0;
  37. length=100;
  38. }
  40. if(!criteria.isEmpty()){
  41. record=this.getResultSize(criteria);
  42. results=this.listResults(criteria,from,length);
  44. }else{
  45. record=this.getResultSize();
  46. results=this.listResults(from,length);
  48. }
  50. //(2)将结果排序
  51. if(sidx!=null&&sord!=null){
  52. sortResults(results,sidx,sord);
  53. }
  55. this.setGridModel(results);
  56. total=(int)Math.ceil((double)record/(double)rows);
  57. returnSUCCESS;
  58. }catch(Exceptione){
  59. e.printStackTrace();
  60. this.addActionError(e.getMessage());
  61. returnERROR;
  62. }
  63. }
  65. ...
  66. }


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

[java] view plaincopyprint?
  1. packagecn.gengv.struts2ex.jqGrid;
  3. importjava.util.Collections;
  4. importjava.util.Comparator;
  5. importjava.util.List;
  6. importcom.byzl.hare.dao.impl.Criterion;
  7. importcom.byzl.hare.model.Contact;
  8. importcom.byzl.hare.service.ContactService;
  10. @SuppressWarnings("serial")
  11. publicclassListContactsActionextendsJqGridBaseAction<Contact>{
  13. ...
  15. @Override
  16. publicvoidsortResults(List<Contact>results,Stringfield,Stringorder){
  17. //(1)根据field获得对应的Comparator
  18. Comparator<Contact>comparator=ContactComparatorFactory.getComparator(field);
  20. if(comparator!=null){
  21. //(2)使用Comparator排序
  22. Collections.sort(results,comparator);
  24. //(3)如果需要的排序顺序为desc，则颠倒顺序
  25. if("desc".equals(order)){
  26. Collections.reverse(results);
  27. }
  28. }
  30. }
  32. ...
  33. }


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

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

分享到：
| jqGrid与Struts2的结合应用（五） —— ...
评论
发表评论

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

相关推荐

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