jquery easyui 分页控件怎么写

jquery easyui 分页控件怎么写,第1张

如果你是使用easyui里的datagrid插件,只需要将pagination属性设为true即可,例如:
1234567891011<table id="mygd" class="easyui-datagrid" data-options="rownumbers:true,fitColumns:true,singleSelect:false,pagination:true, pageSize:10,pageNumber:1,pageList:[10,20,30,40,50],idField:'Id',loadMsg:'正在加载数据',title:'测试页',width:700,height:400,url:'写被请求页面url地址'"> <thead> </thead> /table> datagrid插件第一次启动或触发换页事件时会向指定的url,发送get请求,该请求携带两个重要参数分别是 page:2 // page是目标页码,比如,这里为2,代表第2页 rows:10 // rows是页码大小,比如,这里为10,代表当前每一页为10条数据。 然后后台代码就可以拿到这两个参数再进行sql分页

jQuery EasyUI datagrid实现本地分页的方法。分享给大家供大家参考。具体如下:
一般分页都是后台做,前端做无论从哪方面考虑都不合适。但是有的时候还是有这种需求。
这里重点用到了pagination的监听,以及JS数组的slice方法来完成。

看你的内容是如何加载了
比如一般dialog是用<a href="ajsp" data-rel="dialog">打开对话框</a>,在这行只是做一个跳转,肯定是不能控制滚动条或其他效果的。
然后在跳出的ajsp中显示内容,该内容比如被一个<div>包含,那么你只要在这个<div>中设定高度和滚动条即可:<div style="height:50px;overflow:true">你要输出显示的文字等内容</div>,当然高度height多少是你自己控制的


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/12611791.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-26
下一篇 2023-05-26

发表评论

登录后才能评论

评论列表(0条)

保存