easyui页面上字段排序并与后台交互
2016-06-22 10:54
561 查看
在开始对easyui里面页面上进行排序,感觉应该不怎么难,但是在操作的时候并没有那么简单,上网也查了很多进行排序的方法,最终总结出这个方法,供大家参考使用:
2.将要排序的table添加一个属性(remoteSort="true");
3.如果只想在页面进行排序,而不再数据库里面进行排序;也就是说只需要对页面上查出来的当前页面上的几行数据进行排序,而不是对页面上所有页的数据进行排序的话
就只需要在添加一个页面排序刷新页面table(datagrid)的js方法就行了
function alertColumn(sort,order){
$("#dg").datagrid("reload");
}
在页面进行排序,只需要这三步进行了,页面整体修改布局如下:
![](https://images2015.cnblogs.com/blog/885754/201606/885754-20160622103241172-986588066.png)
/*这里的参数sort/order不能进行修改,这是easyui里面封装好的数据,直接在后台就行获取进行了*/
String sort=request.getParameter("sort");
System.out.println("排序字段名="+sort);//打桩输出要排序的字段名
String order=request.getParameter("order");
System.out.println("排序顺序="+order);//打桩要输出的字段名的排序属性,要么是"asc"(升序)要么是"desc"(降序)
/*下面这两行代码是对页面上可以排序字段是否被点中进行判断,如果点中了就是以order为顺序,sort为字段名进行排序,否则就是以desc为顺序,以user_id为字段名进行排序*/
order = (StringUtils.defaultString(order).length()==0)?"desc":order;
sort = (StringUtils.defaultString(sort).length()==0)?"user_id":sort;
/*创建一个字符缓冲流对sort和order进行拼接,最终的效果就是====>sort order*/
StringBuffer ordersb = new StringBuffer();
ordersb.append(sort).append(" ").append(order);
//最后就把拼接成的字符串以sortt为变量名称传到sql映射文件中,只要获取sortt就行
param.put("sortt",ordersb.toString());
![](https://images2015.cnblogs.com/blog/885754/201606/885754-20160622105025641-669023550.png)
其他地方都不需要进行改动,这样对所有的数据进行排序就成功了,有什么不足,麻烦您告诉我
一、在easyui里面上只需
1.将要进行排序的字段添加一个属性(sortable="true");2.将要排序的table添加一个属性(remoteSort="true");
3.如果只想在页面进行排序,而不再数据库里面进行排序;也就是说只需要对页面上查出来的当前页面上的几行数据进行排序,而不是对页面上所有页的数据进行排序的话
就只需要在添加一个页面排序刷新页面table(datagrid)的js方法就行了
function alertColumn(sort,order){
$("#dg").datagrid("reload");
}
在页面进行排序,只需要这三步进行了,页面整体修改布局如下:
![](https://images2015.cnblogs.com/blog/885754/201606/885754-20160622103241172-986588066.png)
二、如果想对所有分页里面的进行排序,就还需要在后台添加几段代码:
//给前端页面进行排序/*这里的参数sort/order不能进行修改,这是easyui里面封装好的数据,直接在后台就行获取进行了*/
String sort=request.getParameter("sort");
System.out.println("排序字段名="+sort);//打桩输出要排序的字段名
String order=request.getParameter("order");
System.out.println("排序顺序="+order);//打桩要输出的字段名的排序属性,要么是"asc"(升序)要么是"desc"(降序)
/*下面这两行代码是对页面上可以排序字段是否被点中进行判断,如果点中了就是以order为顺序,sort为字段名进行排序,否则就是以desc为顺序,以user_id为字段名进行排序*/
order = (StringUtils.defaultString(order).length()==0)?"desc":order;
sort = (StringUtils.defaultString(sort).length()==0)?"user_id":sort;
/*创建一个字符缓冲流对sort和order进行拼接,最终的效果就是====>sort order*/
StringBuffer ordersb = new StringBuffer();
ordersb.append(sort).append(" ").append(order);
//最后就把拼接成的字符串以sortt为变量名称传到sql映射文件中,只要获取sortt就行
param.put("sortt",ordersb.toString());
三、修改sql映射文件中sql语句的排序方法
下面就是截图:![](https://images2015.cnblogs.com/blog/885754/201606/885754-20160622105025641-669023550.png)
其他地方都不需要进行改动,这样对所有的数据进行排序就成功了,有什么不足,麻烦您告诉我
相关文章推荐
- 如何准确获取输入框的当前内容
- 修改TextView中部分文字颜色的方法
- iOS8之后,UITableViewRowAction实现滑动多个按钮
- requestDisallowInterceptTouchEvent---2
- requestDisallowInterceptTouchEvent---1
- jui验证表单
- 常用主流移动设备CSS3 Media Queries整理
- 在 Bluemix 使用 Internet of Things Platform Starter 将周边装置之感测值以简讯通知指定使用者
- 如何在 AutoLayout 中使用 UIScrollView (多个ContentView)
- iOS—简单封装UITableView使用2
- Leetcode Binary Tree Longest Consecutive Sequence
- 【代码笔记】iOS-UIView的placeholder的效果
- 【代码笔记】iOS-UIView的placeholder的效果
- Storage Cluster Quick Start【存储集群快速入门】
- [leetcode] 232. Implement Queue using Stacks
- 如何查看华为EMUI系统APK源码?
- 详细分享UICollectionView的自定义布局(瀑布流, 线性, 圆形...)
- HashMap按value值排序
- MyCat_sequence配置
- UITextView的占位字