LigerUI之grid表格点击表头标题排序实现
来源:互联网 发布:华彩软件下载站 编辑:程序博客网 时间:2024/04/29 18:08
LigerUI之grid表格点击表头标题排序实现:
通过ajax方式加载数据之后,点击表头排序两种方式实现。
第一种:
<span style="font-size:18px;">grid.set({dataAction: 'local',url: '',});</span>
表格加载的时候指定排序方式为客户端方式,默认是server的方式提交。
LigerUI 这么定义:
dataActionString提交数据的方式:本地(local)或(server),选择本地方式时将在客服端分页、排序'server'grid里面的columns有两个排序的属性:
isSortBool是否允许排序typeString排序类型,包括string、int、float、date
默认isSort为true.
以上这种方式适合,不分页的情况,客户端排序。
第二种:
grid有三个属性:
sortnameParmNameString页排序列名(提交给服务器)'sortname'sortorderParmNameString页排序方向(提交给服务器)'sortorder'enabledSortBool是否允许排序true
默认允许排序。
如果指定了grid的提交方式是服务端的话。
<span style="font-size:18px;">grid.set({dataAction: 'server',url: '', parms : [ ]});</span>
<span style="font-size:18px;">@RequestMapping(value = "/fee",method = RequestMethod.POST)@ResponseBodypublic Map<String, Object> getMotorFeeList(Model model,HttpServletRequest request, HttpServletResponse response) {String sortname = request.getParameter("sortname");String sortorder= request.getParameter("sortorder");return modelMap;}</span>
点击表头标题时,ligerui 会把表头的name和排序方向传过来,后台获取后,根据这个排序再返回json格式的数据即可。
欢迎大家批评指正。
0 0
- LigerUI之grid表格点击表头标题排序实现
- 鼠标点击html表格表头实现表格数据自定义排序
- 点击表头实现排序
- web中table表格点击表头排序
- JS实现点击表头表格自动排序(含数字、字符串、日期)
- AJAX 表格字段数据排序,点击表头每列排序
- jquery实现报表点击表头排序
- bootstrap点击表头实现排序功能
- 点击表头排序的几种方法 & 动态表格
- jQuery数据表格(点击表头排序,有点问题)
- java前端easyui中datagrid表格点击表头排序
- GridView之点击表头排序篇
- DBGridEH - 实现点击标题排序
- ligerui 表格滚动条放在表格里,固定表头
- Swing 之 JTable 使表头标题和表格内容居中
- Ligerui之grid表格的dataAction的local和server的区别
- ligerui中grid的多表头例子(作废)
- 点击表头排序
- 如何开发系统参数
- Ligerui之grid表格的dataAction的local和server的区别
- 【VS开发】OpenCV2:Mat属性type,depth,step
- 学生
- Tyvj_P1028
- LigerUI之grid表格点击表头标题排序实现
- 模板别名
- jsp页面如何控制单元格不区分汉字,字母,数字自动换行
- ASP.NET: Bind Dropdownlist With Images
- Redis管道技术使用总结
- 更改Nginx网站根目录以及导致的403 forbidden问题解决
- 理解MySQL——索引与优化
- 详细比较各种for循环的文章
- JAVA——多线程间通信(wait 和notify)