界面简洁,功能强大的独立分页插件 支持页面跳转模式、异步页面模式(服务端动态页面处理后的html代码)、异步数据模式(json)等多模式的分页插件bPage

来源:互联网 发布:癌症到底能治愈吗 知乎 编辑:程序博客网 时间:2024/06/05 10:40
选择登录名姓名性别出生年月电话电子邮箱状态更新时间${d.login_name}${d.name}${d.sexName}${d.birthday}${d.phone1}${d.email}${d.statusName}${d.update_time}

HTML内容处理

页面的部分需要以传统的动态页面的方式进行渲染表格内部的数据,而数据则在加载页面前的服务端已提供,渲染表格数据的同时需要对分页数据也进行生成,以便插件在初始化时获取分页信息数据

javascript处理

选择登录名姓名性别出生年月电话电子邮箱状态更新时间zhangsan张三男2014-11-1213655555555aaa@aa.com启用2014-11-24lisi李四女2014-11-031241342341431341431@aa.comn启用2014-11-24admin系统管理员男2014-11-0512312312312313123@aa.com启用2014-11-24bbbbbb男2014-11-1923423432423423234324@aa.com启用2014-11-20cccccccc男2014-11-03  启用2014-11-20ddddd男2014-11-04  启用2014-11-20eeeeee男2014-11-04  启用2014-11-20fffffff男2014-11-05  启用2014-11-20gggggggg男2014-10-27  启用2014-11-20aaaaaaaa男2014-11-04  启用2014-11-24

HTML部分处理

这里不再贴出服务端渲染业务数据、分页数据的页面内容,内容与上文中提到的页面跳转模式的HTML处理部分类似,区别在于这部分内部被提取到单独的页面,根据业务的需要,也许业务数据渲染的页面会被多个场景所使用

注意 分页字段的存放,尽可能放在页面的根级,若放在较深的层级,程序或将读取不到分页数据内容

javascript部分处理

选择登录名姓名性别出生年月电话电子邮箱状态更新时间 zhangsan张三男2014-11-1213655555555aaa@aa.com启用2014-11-24 15:50:22 lisi李四女2014-11-031241342341431341431@aa.comn启用2014-11-24 13:37:58 admin系统管理员男2014-11-0512312312312313123@aa.com启用2014-11-24 13:38:22 bbbbbb男2014-11-1923423432423423234324@aa.com启用2014-11-20 22:50:48 cccccccc男2014-11-03  启用2014-11-20 20:33:33 ddddd男2014-11-04  启用2014-11-20 20:36:14 eeeeee男2014-11-04  启用2014-11-20 20:51:44 fffffff男2014-11-05  启用2014-11-20 21:04:56 gggggggg男2014-10-27  启用2014-11-20 22:45:18 aaaaaaaa男2014-11-04  启用2014-11-24 15:50:53

HTML部分设置

在数据模式下,通常只需要设置表格的主体结构,数据填充的部分在tbody中进行处理即可,所以这里仅留一个空的tbody

服务端返回的json数据内容

javascript处理部分

对于数据的处理将在render回调函数中进行处理

阅读全文
0 0