EasyUI datagrid列排序
2016-02-26 11:48
399 查看
选课系统中对easyUI datagrid排序的功能进行了实践。发现easyui的人性化处理真滴不错。给开发人员带来很大的便利。完整版代码分析给有需要的人。
首先设置每列是否可排序属性sortable:true,并默认选择列作为排序列并设置升序或降序 如上述代码第一列。接下来在controller中获取sort和order,并传递给后台数据操作层,通过sql实现数据查询排序。
java 后台controller将接收参数
效果图
项目实践中发现问题解决问题,在问题中成长。
html代码
<table id="dg" title="已配置轮次" class="easyui-datagrid" url="${pageContext.request.contextPath}/queryRoundinfo" data-options="fitColumns:true,rownumbers: true, pagination:true" style="height:550px" > <thead> <tr> <th data-options="field:'roundNo',width:30,sortable : true,sortname:'roundNo',sortvalue:'ASC',align:'center'">轮次名称</th> <th data-options="field:'beginTime',sortable : true,width:30,align:'center'" >开始时间</th> <th data-options="field:'endTime', sortable : true,width:30,align:'center'">结束时间</th> </tr> </thead> </table>
首先设置每列是否可排序属性sortable:true,并默认选择列作为排序列并设置升序或降序 如上述代码第一列。接下来在controller中获取sort和order,并传递给后台数据操作层,通过sql实现数据查询排序。
java 后台controller将接收参数
Controller @RequestMapping("/queryRoundinfo") public void queryRoundinfo(HttpServletRequest request, HttpServletResponse response, String page, String rows,String sort,String order) throws Exception { String dataBaseName = "itoo_basic"; // map转换后的返回值 List mapList = new ArrayList(); // 获取查询条件 String SortName = request.getParameter("sort"); //首次加载表格时sort和order为null if(SortName == null){ SortName ="beginTime"; } String SortValue =request.getParameter("order"); if(SortValue == null){ SortValue = "asc"; } // 获取查询条件 String condition = request.getParameter("condition"); // 将分页信息转换为整型 int pageNum = Integer.parseInt(page); int pageSize = Integer.parseInt(rows); try { // 有条件查询 if (condition != null && condition.length() != 0) { /* 模糊查询课程名称 */ mapList = chooseCourseStatisticsBean.queryfuzzyRoundinfo( pageNum, pageSize, dataBaseName, condition, SortName, SortValue); } else { mapList = chooseCourseStatisticsBean.queryRoundinfo(pageNum, pageSize, dataBaseName, SortName, SortValue); } jacksonJsonUntil.beanToJson(response, mapList); } catch (Exception e) { e.printStackTrace(); } }
效果图
项目实践中发现问题解决问题,在问题中成长。
相关文章推荐
- iOS 9 学习系列: UIKit Dynamics
- rabbitmq升级新版本后,需要新建用户。新版本默认禁止别的机器用guest用户访问。
- iOS个人整理18-UITableView表视图
- Implement Stack using Queues
- EasyUI datagrid行编辑-选课系统轮次管理
- ueditor实例销毁重建
- Android酷炫实用的开源框架(UI框架)
- IOS UIKit性能优化实战
- 7.UITextField
- CodeForces 618 B. Guess the Permutation(水~)
- 【Android Dev Guide - 04】 - Media - 学习使用MediaPlayer播放音乐
- iOS 9 学习系列: UI Testing
- CSRF verification failed. Request aborted.
- SonicUI在MFC中的使用
- 【转】EasyUI 验证
- Your build settings specify a provisioning profile with the UUID
- 简单谈文件SUID位的作用
- easyUI中layout布局隐藏动态实现
- 设置UI控件的Layer属性(边框可见,边框颜色,边框宽度,边框圆角)
- Java设计模式--------建造者模式(Builder模式)