北京赛车 pk10开奖记录_Toyou热购彩票官网
香港高速VIP雲機房火爆上線啦!無需備案嗜舌,開通即用!配套《巔雲自助建站系統3.0》將帶給您飛一般的可視化拖拽建站體驗抒踏惠,歡迎免費體驗黔客狄。

建站新聞

ThinkPHP 整合Bootstrap Ajax分頁樣式
一佰互聯網站建設(www.yinxi.net) 發布時間痰︰2019-04-26 09:02:39 瀏覽數: 21
0

ThinkPHP Ajax分頁代碼

publicfunction index(){$where=array();$name = I("name");if(!empty($name)){$where["name"]= array("like","%".(string)$name."%");}$Role=M("Role");$count= $Role->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","<span class="rows btn btn-default margin-l-2">共 %TOTAL_ROW% 條</span>");//分頁條數$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分頁地方的關鍵代碼如下

<table id="users"class="table table-bordered table-hover table-striped"> <thead> <tr>  <th><input class="check-all" type="checkbox"/></th>  <th width="90%">名稱</th>  <th width="10%">操作</th> </tr> </thead> <tbody id="ajax-page"> {:W("Ext/renderPartial",array("data"=>array("partial"=>"Role/index_ajax","data"=>$datas,"page"=>$page)))} </tbody></table>

第一次頁面加載的時候不是ajax渲染的頁面雹,所以這里要調用一次index_ajax模版倦。當點擊分頁時ajax會替換掉這里的<tbody id="ajax-page"></tbody>內容

{:W("Ext/renderPartial",array("data"=>array("partial"=>"Role/index_ajax","data"=>$datas,"page"=>$page)))}

index_ajax.html是沒有布局的模版,只是為了顯示數據疲侯惋。代碼如下

 <notempty name="datas"><volist name="datas" id="vo"><tr><td><input class="ids" type="checkbox" name="id[]" value="{$vo.id}"/></td><td>{$vo.name}</td><td><span class="btn btn-xs btn-primary mySave" data-toggle="modal" data-id="{$vo.id}" data-url="{:U("/Admin/Role/update")}"><span class="glyphicon glyphicon-edit margin-r-2" aria-hidden="true"></span>修改</span><a class="confirm ajax-get btn btn-xs btn-primary" href="{:U("/Admin/Role/del",array("id"=>$vo["id"]))}"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> 刪除</a></td></tr></volist><else/><tr><td colspan="100"class="text-center">沒有查詢到數據!</td><tr></notempty><notempty name="page"><tr><td colspan="100"class="text-right">{$page}</td><tr></notempty>

js代碼如下

//ajax分頁查詢function ajax_show(id,url){//加載圖片$("#ajax-loading-img").html("<img src="/Public/img/loading.gif" class="margin-r-2" alt="加載中...">");//ajax獲取內容後並替換掉原有信息$.get(url,function(data){$("#"+id).html(data);});returnfalse;}

效果圖

ThinkPHP Ajax分頁帶參數查詢

html代碼

<form class="navbar-form" role="search" id="search-form" method="get" action="{:U("/Admin/Role/index")}"><div class="form-group">名稱械梳梨︰<input class="form-control" name="name" type="text"></div><button type="submit"class="btn btn-primary" id="my-search"><span class="glyphicon glyphicon-glass margin-r-2" aria-hidden="true"></span>查詢</button></form>

js代碼

$(function(){$("#my-search").click(function(){var search_form=$("#search-form").serialize();//實例化查詢參數  var url="{:U("/Admin/Role/index")}"+"?"+search_form;//查詢urlreturn ajax_show("ajax-page",url);//調用ajax分頁});});

效果圖

可以看到分頁的中已經有參數了淪濾翔,並且整個查詢過程都是Ajax無刷新查詢賃宛。

以上所述是小編給大家介紹的ThinkPHP 整合Bootstrap Ajax分頁樣式暑敗,希望對大家有所幫助呸抄派,如果大家有任何疑問請給我留言賈,小編會及時回復大家pk10开奖 春樹﹪第五章夢幻泡影(5)的菲車賀。在此也非常感謝大家對網頁設計網站的支持!

一佰互聯是全國知名建站品牌服務商,我們有九年網站建設霧顛、網站制作伸冕、網頁設計竿、php開發和域名注冊及虛擬主機服務經驗繭,提供的自助建站服務更是全國有名蕉。近年來還整合團隊優勢自主開發了可視化多用戶”巔雲建站系統“3.0平台版紊,拖拽排版網站制作設計式棚,輕松實現pc站甫、手機微網站墮杭、小程序號旅、APP一體化全網營銷網站建設 絹焚第,已成功的為全國上百家網絡公司提供自助建站平台搭建服務擒禿。

上一篇碼呈鷗︰Thinkphp框架中D方法與M方法的區別
下一篇申昧琳︰ php mysql_real_escape_string addslashes及mysql綁定參數防SQL注入攻擊
[返回新聞列表]

相關新聞more

25
04月
php生成二維碼不保存服務器還有下載功能的實

有個大坑沽熾︰在phpqrcode類里QRimage::png會重新定義header為header("content-type : img/pn... >>詳情

28
03月
SEO優化推廣營銷型網站建設應該這麼做

簡介粗不酚︰在建設營銷型網站應注意的幾個問題溺思,制作更好的網站還需要經驗的積累,SEO優化推廣營銷型網站建設應該這麼做: 1嫂蓬究、讓代碼簡潔化論芍茫,為設計... >>詳情

27
03月
小程序創業如何選擇合適的代理商 這幾點需要注

簡介麻睹︰自2017年誕生至今飼,微信小程序已經實現了從0到100萬數量上的質的飛躍如筋。不僅有超過150的開發者加入躲豆屢,還有5000多個第三方平台加入... >>詳情

26
04月
Zend Framework數據庫操作技巧總

本文實例總結了Zend Framework數據庫操作熊。分享給大家供大家參考損猛,具體如下懾妥思︰Zend_Db數據庫知識例子斑需︰Model文件:$thi... >>詳情

營業執照. cdn加速服務 備案系統認證 網絡安全協會 我們的支付方式AAA認證

7x24小時服務電話:18581389571 傳真:023-85725751 免費建站交流群己︰236412099 139947842(自助建站交流) E-Mail:post@yinxi.net 網站投訴:
重慶楚捷科技有限公司 一佰互聯©版權所有 自助建站(www.yinxi.net,Inc.) 2001-2020 All Rights Reserved 本站程序受法律保護,網站法律顧問擰絹褲︰ITLAW-莊毅雄律師
中華人民共和國信息產業部網站備案號:渝ICP備12000592號
热购彩票 pk10开奖 pk10开奖