jquery表格排序
1.为每个th加一个id
[html]
<thead>
<tr>
<th align="center" id="SERIAL_NUMBER">DATAPATCHNUMBER</th>
<th align="center" id="SA_USERNAME">SA</th>
<th align="center" id="U_USERNAME">Raised by </th>
<th align="center" id="U_PRIORITY">Priority</th>
<th align="center" id="ITD_DEV_USERNAME">Developer</th>
<th align="center" id="ITD_STATUS">Status</th>
<th align="center" id="U_SUBMIT_DATE">Submit Date </th>
<th align="center" id="SA_RECE_DATE">Receive Date </th>
<th align="center">操作</th>
</tr>
</thead>
2. Id的名字和要排序的字段保持一致,即sql语句中order by 后面的字段。
3.为每个th添加click事件。
[java]
<pre class="css" name="code">//添加根据不同的列排序
[css]
$("thead > tr >th").eq(0).click(function(){
var ordertype="DESC";
if("${v_order_type}"=="DESC"){//如果前一次是升序,那么下一次就按降序排列
ordertype="ASC";
}else{//如果前一次是降序,那么下一次就按升序排列
ordertype="DESC";
}
#datapatchForm").attr("action","<%=path%>/datapatch/initDatapatchInf.do? ordertype="+ordertype+"&order_field=SERIAL_NUMBER");//提交的时候传递两个参数。Ordertype(ASC,DESC)排序方式, order_field(与th的id一样)排序字段$("#datapatchForm").submit();
相关新闻>>
- 发表评论
-
- 最新评论 更多>>