本人用thinkphp3.2.3和jquery的pagination分頁(yè)插件設(shè)計(jì)了一個(gè)小功能。
詳細(xì)設(shè)計(jì)是,當(dāng)我點(diǎn)擊頁(yè)面上的“展開(kāi)”后,請(qǐng)求后臺(tái)的用戶(hù)列表的記錄,通過(guò)pagination分頁(yè)展示出來(lái)。由于用了thinkphp中的fetch命令,所以單獨(dú)寫(xiě)了一個(gè)分頁(yè)頁(yè)面。但是,實(shí)際運(yùn)行的時(shí)候,頁(yè)面上雖然有分頁(yè)條,但所有記錄都顯示在頁(yè)面上,并沒(méi)有實(shí)際分頁(yè)。請(qǐng)問(wèn)各位大俠什么原因?還有問(wèn)下:其中var newcxt = $('#result p:eq(+pi+)').clone();中+pi+是什么意思?代碼如下:
主體html頁(yè)面:
<p">你曾添加過(guò)10條標(biāo)簽。-點(diǎn)擊展開(kāi)-</p>
<p id="taglist"> </p>
<script type="text/javascript">
$(function(){
$('#showtaglist').click(function(){
$.post(
'{:U('Dongzuo/loadlist')}',
function($data){$('#taglist').html($data);}
);
return false;
});
});
</script>
被fetch調(diào)用的html頁(yè)面:
<p class="ppage"></p>
<p class="content">
<span class="spntip">正在加載數(shù)據(jù)...</span>
</p>
<p id="result">
<volist name="users_list" id='vo'>
<p class="xx_name">{$vo.user_name}</p>
</volist>
</p>
<p class="ppage"></p>
<script type="text/javascript">
function initpagination()
{
var sumnum =$('#result p').length;
$(".ppage").pagination(sumnum,{num_edge_entries:10,callback:pscallback,items_per_page:10});
}
function pscallback(pi,jq)
{
var newcxt = $('#result p:eq(+pi+)').clone();
$('#content').empty().append(newcxt);
return false;
}
$(function(){initpagination();});
</script>
php控制器頁(yè)面:
public function loadlist(){
if(IS_AJAX){
$users_info = M('users_info');
$count = $users_info->count();
$users_list = $users_info->select();
$this->assign('users_list',$users_list);
$html = $this->fetch('fenye:show_tag_list');
$this->ajaxReturn($html);
}
}
認(rèn)證高級(jí)PHP講師