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

效果图: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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,929评论 18 399
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,297评论 25 709
  • 一. Java基础部分.................................................
    wy_sure阅读 9,242评论 0 11
  • 不是骨灰哈迷,是无法理解当听到熟悉的霍格沃茨音乐再次响起,看到魔杖又挥舞起来时的激动心情的。至于演的是什么,who...
    焦糖柠檬猪阅读 2,755评论 0 1
  • 清明节又叫踏青节,是冬至后的第108天,是中国传统节日,是祭祖和扫墓的日子。 中国汉族传统的清明节大约始于周代,距...
    孟娟游天下阅读 2,649评论 0 1