Paging分页
提供了几种风格的分页
示例
文档
标准样式分页(通过回调方法执行跳转页面,异步跳转)
组合样式分页(通过页码上的A标签跳转页面,同步跳转)
线条样式分页
接口说明
// 同步方式跳转页面 // // 参数说明: // id: 分页id // count: 总条数 // size: 每页显示几条 // page: 当前页 // url: 页码上的url连接,{page}是页码预占符,渲染过程中会被替换成页码,这里可以随意定制你的url // callback(pageNum): 点击分页的回调函数,返回pageNum页码,注意:如果存在url参数,callback将不会执行 // success(pageNum): 分页渲染成功后执行 ice.paging({ id: 'paging-2', count: 300, size: 20, page: 1, url: '/examples/paging?page={page}' }) // 异步方式跳转页面,注意:不要设置url参数 ice.paging({ id: 'paging-2', count: 300, size: 20, page: 1, callback(num) { console.log('这是第'+num+'页'); //这里也可以直接使用ice.jump(url)跳转 window.location.href = '/examples/paging?page=' + num; } })
代码示例