bootstrap 分页控件,实现直接转到某页
来源:互联网 发布:手机绘画的软件 编辑:程序博客网 时间:2024/06/01 07:59
效果图:
html:
<div class="form-inline"> <div class="pagination form-group "> {$page} <span style="border-top-right-radius: 4px;border-bottom-right-radius: 4px;">共{$pagecount}页</span> <input class="form-control" style="width: 80px;margin-left: -10px;" type="text" min="1" max="{$pagecount}" id="pageindex" name="pageindex" placeholder="页码"/> <input class="btn btn-danger" type="button" onclick="openPage()" value="确定" /> </div> </div>
php事件:
$listAll=D("jxkp_djfz_base")->query($sql);$count=sizeof($listAll);//数据总量$pagesize=2;//分页尺寸$page = $this->page($count, $pagesize);//分页控件$this->assign("pagecount",ceil($count/$pagesize));//总量分了多少页,四舍五入$page->parameter=$_POST;$list=D("jxkp_djfz_base")->query($sql." limit ". $page->firstRow. ",". $page->listRows);//拼接sql语句$this->assign("list",$list);$this->assign("page", $page->show('Admin'));
js事件:
function openPage(){var pageindex=$("#pageindex").val();var maxindex=$("#pageindex").attr("max");if(isnumber(pageindex)){if(parseInt(pageindex)<=parseInt(maxindex)){var url=$(".pagination>a:last").attr("href");//获取它下面的地址链接href属性 var reg=url.match(/&p=\d*/)[0];//匹配正则表达式,这里可以alert出来看看,防止出现意外。 var newurl=url.replace(reg,"&p="pageindex);//替换成新的地址document.location.href=newurl;}else{alert("最大页数为"+maxindex);}}}
//验证是否是一位数字function isnumber(data) { var regtel = /^[\d]{1,6}$/; if (regtel.test(data)) { return true; } else { return false; }}
$pagecount从控制器计算,$this->assign("pagecount",ceil($count/$pagesize));
ceil 是除法加一的运算,只要有余数就加1。
阅读全文
0 0
- bootstrap 分页控件,实现直接转到某页
- bootstrap-paginator分页控件
- 使用 Vue.js 结合bootstrap 实现的分页控件
- Vue.js结合bootstrap实现的分页控件
- 基于bootstrap实现分页
- bootStrap table实现分页
- nodejs+bootstrap实现分页效果
- nodejs+bootstrap实现分页效果
- nodejs,bootstrap实现分页效果
- BootStrap插件实现分页效果
- bootstrap与pagehelper实现分页
- SSM+maven+bootstrap实现分页
- bootstrap table服务端实现分页
- BootStrap + AngularJS 实现自定义分页
- 原生Bootstrap实现动态分页
- bootstrap的pages控件分页获取数据
- 基于 BootStrap 的 ajax 分页控件
- Bootstrap完成分页效果的实现(标签页)
- java.lang.NoClassDefFoundError: ch/qos/logback/classic/LoggerContext
- Go实战--golang中使用markdown(russross/blackfriday)
- Nginx + Memcached 实现Session共享的负载均衡
- Qual_C:树上的三角形
- springcloud client poi mail
- bootstrap 分页控件,实现直接转到某页
- EasyDSS流媒体解决方案之视频多清晰度解决(1)
- c语言字符串操作
- python中文注释报错的解决方法
- leetcode题目例题解析
- 工具分享之GitforWindows国内下载站
- table 表头固定,表体滚动的css方法
- JSONArray类将JavaBean,List,Map转换成json字符串
- EasyDSS流媒体解决方案之Nodejs调用bat或sh脚本