效果图:http://runjs.cn/detail/revbddeq(演示)
效果图
分析:
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