笔记---手动排序
2016-12-10 22:32
155 查看
表格 列表格 点击实现 升序和降序:
1.定义一个排序字段数组 和 表格th标题列一一对应,如 var arr = [1,2,3,4]。 定义一个隐藏域,用来保存 排序的字段 和排序的类型,每次单击 修改这2个字段。
2.th增加单击事件,获取当前单机的列 在总个列中的下标:var index = $("#moreFoilDetail tr:eq(0) th").index($(this))
3.取当前下标,从排序字段数组中 取出对应的字段,
核心代码如下:
<input type="hidden" id="orderByProperty" name="orderHelper.propertyName" value="${orderHelper.propertyName}"/>
<input type="hidden" id="orderByType" name="orderHelper.type" value="${orderHelper.type}"/>
//列头 var vwStatisticalAnalysisColumns = new Array("航班日期","航班号","机尾号","机型","公司","飞行员","起飞站","落地站","起飞时间","降落时间","实际加油量","计划加油量","多加油量"); //排序属性 var vwStatisticalAnalysisOrderparamters = new Array("planStrDtTmGmt","fltNum","tailNum","latestEqpCd","fcapPbase","fcap","actPortA","actPortB","actStrDtTmGmt","actEndDtTmGmt","actualFuel","loadFuel","moreFoilFuel"); //排序 $("#moreFoilDetail tr:eq(0) th").die().live("click",function(){//修改成这样的写法 var index = $("#moreFoilDetail tr:eq(0) th").index($(this));//得到当前点击 的列的下标 var chioseValue = vwStatisticalAnalysisOrderparamters[index]; var orderBy = $("#orderByProperty").val(); if(orderBy == ""){//如果为空 $("#orderByProperty").val(chioseValue); $("#orderByType").val("ASC"); }else if(orderBy.indexOf(chioseValue)!= -1){//如果字段相等 $("#orderByProperty").val(chioseValue); if($("#orderByType").val().indexOf("DESC")!= -1){//如果是降序 $("#orderByType").val("ASC"); }else{ $("#orderByType").val("DESC"); } }else{//字段不等,默认 $("#orderByProperty").val(chioseValue); $("#orderByType").val("ASC"); } //searchInfo(); 发送ajax 到后台获取数据 });
相关文章推荐
- 数据库异地备份还原
- Spannable
- PTA数据结构与算法题目集(中文)4-10 二分查找 (20分)
- GridBagLayout练习
- 各种排序算法的java实现及时间、空间复杂度、稳定程度总结
- Add Strings
- 678.最小K个数之和
- CSS3属性transform详解之(旋转:rotate,缩放:scale,倾斜:skew,移动:translate)
- "科林明伦杯"哈尔滨理工大学第六届程序设计团队赛
- 我叫标题
- grub循环 无法启动win10
- Windows Server 2012 启用网络共享失败
- Android 双击退出应用
- LaTeX技巧心得之一:建立参考文献的超链接
- bzoj2555 SubString
- shell笔记
- Java中的IO浅析(一)
- 使用bulkload向hbase中批量写入数据
- Apache Shiro系列之五,概述 —— 配置
- git 路径中文转换成编码的解决