javascript - 关于jquery中pagination分页插件的使用
PHP中文网
PHP中文网 2017-05-16 13:05:56
0
1
482

本人用thinkphp3.2.3和jquery的pagination分页插件设计了一个小功能。
详细设计是,当我点击页面上的“展开”后,请求后台的用户列表的记录,通过pagination分页展示出来。由于用了thinkphp中的fetch命令,所以单独写了一个分页页面。但是,实际运行的时候,页面上虽然有分页条,但所有记录都显示在页面上,并没有实际分页。请问各位大侠什么原因?还有问下:其中var newcxt = $('#result p:eq(+pi+)').clone();中+pi+是什么意思?代码如下:
主体html页面:
<p">你曾添加过10条标签。-点击展开-</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调用的html页面:
<p class="ppage"></p>
<p class="content">

<span class="spntip">正在加载数据...</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控制器页面:

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);
                }
            }
PHP中文网
PHP中文网

认证高级PHP讲师

reply all(1)
为情所困

It has been solved. I use the Jpages plug-in, which is much easier to use than the plug-in above.

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!