老规矩还是先上效果图:
其实这个分页非常简单,耽误了大半天的时间,还是对easyui 理解的不够透彻,网上有很多关于easyui 的demo 或者列子,看完之后我们总是被误导,导致想的太复杂。接下来看看easyui 传递的两个参数:
easyui 传递的两个参数分别是 page 是页码 rows 每页显示的条数这两个参数不用刻意挂在地址,easyui自动给你挂上,那么我们在后台怎么接收呢?
当然是在后台的方法里 声明这个俩参数,这个后台就可以接收,这边使用的ssm框架maven管理jar。
再看一下我们js 红色框里必填 pagination,pageNumber,pageList,pageSize 位置没有影响
那接下里我们怎么实现翻页呢? 在翻页的问题上被误导浪费了大把时光,哈哈哈哈。。。。开个玩笑,废话不多讲,
这个其实只返回一个total就可以了,其他的任何都不用操作,也不用写下一页上一个的函数触发,这样就实现了分页
最后一个问题就是怎么把分页组件的英文 变成中文呢,下面附上代码:
${from} ${to} ${paegs} 这几个参数不用往深了研究 一目了然 easyui自有
最终的效果就是下图:
附上数据格式:
到这里就结束了 收工
文章来源: Easyui datagrid 分页