ThinkPHP 整合Bootstrap Ajax分页样式

发布时间：2020-12-14 14:07:07 所属栏目：大数据来源：网络整理

导读：ThinkPHP Ajax分页代码 where($where)->count();// 查询满足要求的总记录数$Page =new ThinkAjaxPage($count,'ajax-page',10);// 实例化分页类传入总记录数、ajax更新的局部页面ID和每页显示的记录数(10)$Page->lastSuffix=false;$Page->setConfig('first

array('partial'=>'Role/index_ajax','data'=>$datas,'page'=>$page)))}

第一次页面加载的时候不是ajax渲染的页面，所以这里要调用一次index_ajax模版。当点击分页时ajax会替换掉这里的

内容

$page)))}

index_ajax.html是没有布局的模版,只是为了显示数据。代码如下

js代码如下

效果图

ThinkPHP Ajax分页带参数查询

html代码

js代码

效果图

可以看到分页的中已经有参数了，并且整个查询过程都是Ajax无刷新查询。

以上所述是小编给大家介绍的ThinkPHP 整合Bootstrap Ajax分页样式。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

ThinkPHP Ajax分页代码 where($where)->count();// 查询满足要求的总记录数 $Page =new ThinkAjaxPage($count,'ajax-page',10);// 实例化分页类传入总记录数、ajax更新的局部页面ID和每页显示的记录数(10) $Page->lastSuffix=false; $Page->setConfig('first','首页'); $Page->setConfig('last','末页'); $Page->setConfig('header','');//分页条数 $Page->setConfig('theme','%FIRST% %UP_PAGE% %LINK_PAGE% %DOWN_PAGE% %END% %HEADER%');//分页样式：首页、末页等 $show= $Page->show();// 分页显示输出 // 进行分页数据查询注意limit方法的参数要使用Page类的属性 $datas = $Role->where($where)->order('id desc')->limit($Page->firstRow.','.$Page->listRows)->select(); $this->assign('datas',$datas);// 赋值数据集 $this->assign('page',$show);// 赋值分页输出 if(IS_AJAX){ $this->display('index_ajax'); }else{ $this->display(); } } `ajax-page`是模版中用于替换局部页面的ID `index_ajax`是局部页面模版扩展小部件ExtWidget 我是在`Admin`模块下建的这个类`/Application/Admin/Widget/ExtWidget.class.php`所有如下图前台模版我有个`index.html`模版，这个页面需要ajax分页，现在我建立一个`index_ajax.html`模版，如下图 `index.html`是有布局的模版，显示ajax分页地方的关键代码如下

ThinkPHP Ajax分页代码

where($where)->count();// 查询满足要求的总记录数 $Page =new ThinkAjaxPage($count,'ajax-page',10);// 实例化分页类传入总记录数、ajax更新的局部页面ID和每页显示的记录数(10) $Page->lastSuffix=false; $Page->setConfig('first','首页'); $Page->setConfig('last','末页'); $Page->setConfig('header','');//分页条数 $Page->setConfig('theme','%FIRST% %UP_PAGE% %LINK_PAGE% %DOWN_PAGE% %END% %HEADER%');//分页样式：首页、末页等 $show= $Page->show();// 分页显示输出 // 进行分页数据查询注意limit方法的参数要使用Page类的属性 $datas = $Role->where($where)->order('id desc')->limit($Page->firstRow.','.$Page->listRows)->select(); $this->assign('datas',$datas);// 赋值数据集 $this->assign('page',$show);// 赋值分页输出 if(IS_AJAX){ $this->display('index_ajax'); }else{ $this->display(); } }

ajax-page是模版中用于替换局部页面的ID

index_ajax是局部页面模版

扩展小部件ExtWidget

我是在Admin模块下建的这个类/Application/Admin/Widget/ExtWidget.class.php所有如下图

前台模版

我有个index.html模版，这个页面需要ajax分页，现在我建立一个index_ajax.html模版，如下图

index.html是有布局的模版，显示ajax分页地方的关键代码如下