IE8下angular实现表格排序、分页(服务器端)、查询

效果图:http://runjs.cn/detail/revbddeq(演示)

IE8下angular实现表格排序、分页(服务器端)、查询_第1张图片
效果图

分析:

1、 需要给后台传递的查询条件:

排序列一个集合可能多列排序sorts([sortColumn: 'name',dire: 'asc'])

分页pagination(请求页码currentPage、请求数量pageSize)

其他查询条件(eg:字段查询)

2、前端请求后需要的结果

结果集合:[

{ name: 'Cali Roll', fish: 'Crab', tastiness: 2 },

{ name: 'Philly', fish: 'Tuna', tastiness: 4 },

{ name: 'Tiger', fish: 'Eel', tastiness: 7 },

{ name: 'Rainbow', fish: 'Variety', tastiness: Math.random() }

];

总条数:total(给分页插件使用)

3.为了兼容IE8选择插件

angular 1.2.*

ui-bootstrap 0.12.0(分页)

jquery.blockUI(遮罩)

table 自己写

实现:

http://runjs.cn/detail/revbddeq

你可能感兴趣的:(IE8下angular实现表格排序、分页(服务器端)、查询)