<%@ tag language="java" pageEncoding="UTF-8"%>
|
<%@ include file="/webpage/include/taglib.jsp"%>
|
<%@ attribute name="id" type="java.lang.String" required="true"%>
|
<%@ attribute name="name" type="java.lang.String" required="true"%>
|
<%@ attribute name="value" type="java.lang.String" required="true"%>
|
<%@ attribute name="callback" type="java.lang.String" required="true"%>
|
<input id="${id}" name="${name}" type="hidden" value="${value}"/>
|
<%-- 使用方法: 1.将本tag写在查询的from里;2.在需要排序th列class上添加:sort-column + 排序字段名;3.后台sql添加排序引用page.orderBy;实例文件:userList.jsp、UserDao.xml --%>
|
<script type="text/javascript">
|
$(document).ready(function() {
|
var orderBy = $("#${id}").val().split(" ");
|
$(".sort-column").each(function(){
|
$(this).html($(this).html()+" <i class=\"fa fa-sort\"></i>");
|
});
|
$(".sort-column").each(function(){
|
if ($(this).hasClass(orderBy[0])){
|
orderBy[1] = orderBy[1]&&orderBy[1].toUpperCase()=="DESC"?"down":"up";
|
$(this).find("i").remove();
|
$(this).html($(this).html()+" <i class=\"fa fa-sort-"+orderBy[1]+"\"></i>");
|
}
|
});
|
$(".sort-column").click(function(){
|
var order = $(this).attr("class").split(" ");
|
var sort = $("#${id}").val().split(" ");
|
for(var i=0; i<order.length; i++){
|
if (order[i] == "sort-column"){order = order[i+1]; break;}
|
}
|
if (order == sort[0]){
|
sort = (sort[1]&&sort[1].toUpperCase()=="DESC"?"ASC":"DESC");
|
$("#${id}").val(order+" DESC"!=order+" "+sort?"":order+" "+sort);
|
}else{
|
$("#${id}").val(order+" ASC");
|
}
|
${callback}
|
});
|
});
|
</script>
|