菜鸟做Thinkphp5.0的AJAX分页

浏览:9778 发布日期:2016/11/29 分类:ThinkPHP5专区 关键字: tp5.0 ajax 分页 Thinkphp5.0
菜鸟一枚,研究一晚,不足之处,希望各路大神指点。

第一步,新建一个Ajaxbootstrap.php(是山寨tp5.0的Bootstrap.php),将文件放在\thinkphp\library\think\paginator\driver下。<?php
namespace think\paginator\driver;

use think\Paginator;

class Ajaxbootstrap extends Paginator
{

    /**
     * 上一页按钮
     * @param string $text
     * @return string
     */
    protected function getPreviousButton($text = "«")
    {

        if ($this->currentPage() <= 1) {
            return '';
        }

        $url = $this->url(
            $this->currentPage() - 1
        );

        return '';
    }

    /**
     * 下一页按钮
     * @param string $text
     * @return string
     */
    protected function getNextButton($text = '»')
    {
        if (!$this->hasMore) {
            return '';
        }

        $url = $this->url($this->currentPage() + 1);

        return '';
    }

    /**
     * 页码按钮
     * @return string
     */
    protected function getLinks()
    {
        if ($this->simple)
            return '';

        $block = [
            'first'  => null,
            'slider' => null,
            'last'   => null
        ];

        $side   = 3;
        $window = $side * 2;

        if ($this->lastPage < $window + 6) {
            $block['first'] = $this->getUrlRange(1, $this->lastPage);
        } elseif ($this->currentPage <= $window) {
            $block['first'] = $this->getUrlRange(1, $window + 2);
            $block['last']  = $this->getUrlRange($this->lastPage - 1, $this->lastPage);
        } elseif ($this->currentPage > ($this->lastPage - $window)) {
            $block['first'] = $this->getUrlRange(1, 2);
            $block['last']  = $this->getUrlRange($this->lastPage - ($window + 2), $this->lastPage);
        } else {
            $block['first']  = $this->getUrlRange(1, 2);
            $block['slider'] = $this->getUrlRange($this->currentPage - $side, $this->currentPage + $side);
            $block['last']   = $this->getUrlRange($this->lastPage - 1, $this->lastPage);
        }

        $html = '';

        if (is_array($block['first'])) {
            $html .= $this->getUrlLinks($block['first']);
        }

        if (is_array($block['slider'])) {
            $html .= $this->getDots();
            $html .= $this->getUrlLinks($block['slider']);
        }

        if (is_array($block['last'])) {
            $html .= $this->getDots();
            $html .= $this->getUrlLinks($block['last']);
        }

        return $html;
    }


    /**
     * 渲染分页html
     * @return mixed
     */
    public function render()
    {
        if ($this->hasPages()) {
            if ($this->simple) {
                return sprintf(
                    '<ul class="pager">%s %s</ul>',
                    $this->getPreviousButton(),
                    $this->getNextButton()
                );
            } else {
                return sprintf(
                    '<ul class="pagination">%s %s %s</ul>',
                    $this->getPreviousButton(),
                    $this->getLinks(),
                    $this->getNextButton()
                );
            }
        }
    }


    /**
     * 生成一个可点击的按钮
     *
     * @param  string $url
     * @param  int    $page
     * @return string
     */
    protected function getAvailablePageWrapper($url, $page)
    {
        return '<li><a href="javascript:ajax_page('.$page.');">' . $page . '</a></li>';
    }

    /**
     * 生成一个禁用的按钮
     *
     * @param  string $text
     * @return string
     */
    protected function getDisabledTextWrapper($text)
    {
        return '<li class="disabled"><span>' . $text . '</span></li>';
    }

    /**
     * 生成一个激活的按钮
     *
     * @param  string $text
     * @return string
     */
    protected function getActivePageWrapper($text)
    {
        return '<li class="active"><span id="active_number">' . $text . '</span></li>';
    }

    /**
     * 生成省略号按钮
     *
     * @return string
     */
    protected function getDots()
    {
        return $this->getDisabledTextWrapper('...');
    }

    /**
     * 批量生成页码按钮.
     *
     * @param  array $urls
     * @return string
     */
    protected function getUrlLinks(array $urls)
    {
        $html = '';

        foreach ($urls as $page => $url) {
            $html .= $this->getPageLinkWrapper($url, $page);
        }

        return $html;
    }

    /**
     * 生成普通页码按钮
     *
     * @param  string $url
     * @param  int    $page
     * @return string
     */
    protected function getPageLinkWrapper($url, $page)
    {
        if ($page == $this->currentPage()) {
            return $this->getActivePageWrapper($page);
        }

        return $this->getAvailablePageWrapper($url, $page);
    }
}
主要是修改了分页html标签的<a href="xxx.php?page=2">改为<a href="javascript:ajax_page(2)">,删除上一页和下一页(不知道怎么处理,木有思路)。

第二步,
page_list.php使用该类进行分页$page_list = Db::name('table')->paginate(10,false,['type'=>'Ajaxbootstrap']);page_list.html中,写相应的jsfunction ajax_page(page) {        
        $.ajax({
            url:'/index/index/ajax_rel',
            type:"POST",
            data:{page:page},            
            success: function(data,status){
                var add_html = '';
                var list = data.list.data;
                var html_page = data.page;
                for (var i=0;i<list.length;i++){
                    add_html = add_html+"<div><input type='checkbox' name='questions[]' value='"+list[i]['id']+"' />"+list[i]['title']+"</div>"
                }
                $("#search_questions_rel").html(add_html);
                $("#page_div").html(html_page);
            }
        });
    }
第三步:
ajax_rel.php中写public function ajax_search_questions(){
    $page = Request::instance()->post('page');
    if (!empty($page)) {
            $rel = Db::name('table')->paginate(10,false,['type'=>'Ajaxbootstrap']);
            $page = $rel->render();            
        }
    return ['list'=>$rel,'page'=>$page];
}
最佳答案
评论( 相关
后面还有条评论,点击查看>>