由于分页的功能均是与服务端进行交互,在静态页面中仅能展示具体代码进行讲解,因此本页面中无法进行实际功能的展示
1.页面跳转模式 每次分页操作都是加载新的页面
选择 | 登录名 | 姓名 | 性别 | 出生年月 | 电话 | 电子邮箱 | 状态 | 更新时间 |
---|---|---|---|---|---|---|---|---|
${d.login_name} | ${d.name} | ${d.sexName} | ${d.birthday} | ${d.phone1} | ${d.email} | ${d.statusName} | ${d.update_time} |
HTML内容处理
页面的部分需要以传统的动态页面的方式进行渲染表格内部的数据,而数据则在加载页面前的服务端已提供,渲染表格数据的同时需要对分页数据也进行生成,以便插件在初始化时获取分页信息数据
javascript处理
2.异步加载模式(服务端返回页面模式) 必须在服务端已准备好对业务数据,分页数据进行渲染页面
HTML部分处理
这里不再贴出服务端渲染业务数据、分页数据的页面内容,内容与上文中提到的页面跳转模式的HTML处理部分类似,区别在于这部分内部被提取到单独的页面,根据业务的需要,也许业务数据渲染的页面会被多个场景所使用
注意 分页字段的存放,尽可能放在页面的根级,若放在较深的层级,程序或将读取不到分页数据内容
javascript部分处理
3.异步加载模式(服务端返回JSON数据模式) 最灵活的分页方式,可使用数据根据业务场景进行定制处理
选择 | 登录名 | 姓名 | 性别 | 出生年月 | 电话 | 电子邮箱 | 状态 | 更新时间 |
---|
HTML部分设置
在数据模式下,通常只需要设置表格的主体结构,数据填充的部分在tbody中进行处理即可,所以这里仅留一个空的tbody
服务端返回的json数据内容
javascript处理部分
对于数据的处理将在render回调函数中进行处理