jquery easyui datagrid 分页 详解
2012-06-14 16:02
381 查看
由于项目原因,用了jquery easyui 感觉界面不错,皮肤样式少点,可是官网最近打不开了,资料比较少,给的demo没有想要的效果,今天在用datagrid 做分页显示的时候,折腾了半天,网上的资料也比较少,后自己动手,终于解决,废话不说,开始:
datagrid分页 有一个附加的分页控件,只需后台获取分页控件自动提交的两个参数rows每页显示的记录数和page;//当前第几页
然后读取相应页数的记录,和总记录数total一块返回即可 界面如下:
1、下边是datagrid的显示对话框,我直接用table把列头显示出来,感觉比用js写要易于阅读
?
2、js代码,用于构建datagrid
注意 要想显示分页控件,pagination属性必须为true
?
3、后台我是通过struts2处理的数据 返回json串
?
4、附上struts.xml配置文件
?
datagrid分页 有一个附加的分页控件,只需后台获取分页控件自动提交的两个参数rows每页显示的记录数和page;//当前第几页
然后读取相应页数的记录,和总记录数total一块返回即可 界面如下:
1、下边是datagrid的显示对话框,我直接用table把列头显示出来,感觉比用js写要易于阅读
?
注意 要想显示分页控件,pagination属性必须为true
?
?
?
相关文章推荐
- jquery easyui datagrid 分页 详解
- jquery easyui datagrid 分页 详解
- jquery easyui datagrid 分页 详解
- jquery easyui datagrid 分页 详解
- jquery easyui datagrid 分页 详解
- jquery easyui datagrid 分页 详解
- jquery easyui datagrid 分页 详解
- jquery easyui datagrid 分页 详解
- jquery easyui datagrid 分页 详解
- jquery easyui datagrid 分页 详解
- jquery easyui datagrid 分页 详解
- jquery easyui datagrid 分页 详解
- jquery easyui datagrid 分页 详解
- jquery easyui datagrid 分页 详解
- jquery easyui datagrid 分页 详解
- jquery easyui datagrid 分页 详解
- jquery easyui datagrid 分页 详解
- jquery easyui datagrid 分页 详解
- jquery easyui datagrid 分页 详解
- jquery easyui datagrid 分页 详解