增加列表点击排序功能

工作

在列表展示中，可以增加按照某一列排序展示列表信息的功能（webapp\static\js\si.common.js中injectOrderFeature），如果需要按照某一列进行排序，则点击此列的标题，点击后按照此列升序排列，再次点击后按照降序排列。普通列表为最常用最基本的列表，这种列表的分页使用"/WEB-INF/view/common/pg.jsp"，而树节点下列表使用的分页是"/WEB-INF/view/common/treePg.jsp"。

普通列表增加排序:

1. 在需要排序的页面的<script>标签中增加

$(document).ready(function(){
    //添加排序特征
    $.injectOrderFeature('searchForm','${param.orderName}','${param.order}');
});

其中“searchForm”为页面中搜索表单(一般列表上方都有搜索选项)的id。
2. 在需要可以排序的列的标题中增加_orderCloumnName="···",例如：

<th _orderCloumnName="user_name">用户名</th>

其中”user_name“为用户名在数据中对应字段，如果写错，数据库在查询时会报错。
3. 在“searchForm”提交时对应的Controller中对应的函数参数中增加String orderName, String order, 同时修改对应查找的WhereCondition。

树节点列表增加排序:

1. 在需要排序的页面的<script>标签中增加

$(document).ready(function(){
    //添加排序特征
    $.injectOrderFeature('searchForm','${param.orderName}','${param.order}');
});

其中“searchForm”为页面中搜索表单(一般列表上方都有搜索选项)的id。
2. 在table中增加onsubmit="persInfoSearch();",其中“persInfoSearch()”为页面中搜索对应的函数，根据实际情况进行修改。
3. 在需要可以排序的列的标题中增加_orderCloumnName="···",例如：

<th _orderCloumnName="user_name">用户名</th>

其中“user_name”为用户名在数据中对应字段，如果写错，数据库在查询时会报错。
4. 在页面中按条件搜索对应的函数中，增加

var order = document.getElementById("order").value;
var orderName = document.getElementById("orderName").value;

在Ajax提交的data中同样要增加order:order, orderName:orderName。
5. 在搜索对应的Controller中对应的函数参数中增加String orderName, String order, 同时修改对应查找的WhereCondition。

作者 @Jpz
2015 年 06月 22日