Solved thread

This post is marked as solved. If you think the information contained on this thread must be part of the official documentation, please contribute submitting a pull request to its repository.

phalcon paginator paging not working in partial view, called from Ajax.

please solve my problem .

i called this action 'docs' from jquery ajax its works fine below is the code

 public function docsAction() {

        $cid = null;
        $sid = null;
        $cid =     $_REQUEST['CID'];
        $sid =     $_REQUEST['SID'];

        if ($cid != null && $sid != null) 
            {

                 if($cid == "0")
                 {                     
                     $cid =   $sid;
                     $sid = 0;
                 }




            $docs = JsTree::GetTreeDocs($cid, $sid);

            if (count($docs) != 0) 
                {
                $paginator = new Paginator(array(
                    "data" => $docs,
                    "limit" => 2,
                    "page" => 1
                ));

                $this->view->page = $paginator->getPaginate();
            }
            else{

                 $this->view->page = null;               
            }
        }
        else
        {
            $this->view->page = null;

        }
    }

by using ajax its works fine

function tdv_loadGrid(CID, SID)
        {
            $('#subdocuments').html('');           
            $('#pfsd').hide();            
            $("#result").load("docs", {CID:CID,SID:SID});
        }

but how to convert these links to ajax links for paging

   {{ link_to("adderbook/docs", '<i class="icon-fast-backward"></i> First', "class": "btn") }}
   {{ link_to("adderbook/docs?page=" ~ page.before, '<i class="icon-step-backward"></i> Previous', "class": "btn") }}
   {{ link_to("adderbook/docs?page=" ~ page.next, '<i class="icon-step-forward"></i> Next', "class": "btn") }}
   {{ link_to("adderbook/docs?page=" ~ page.last, '<i class="icon-fast-forward"></i> Last', "class": "btn") }}

`



7.6k
Accepted
answer

Hi, if it can help, here is a paste of how I'm doing this (using previous/next button, instead of the link provided by volt):

    (initial html )
    <div class="liste-commandes-pager">
        <div class="col-md-4 no-padd-no-margin">
            <button class="btn-navig btn-previous-page" data-page="1">previous page</button>
        </div>
        <div class="col-md-4 no-padd-no-margin">
            <div class="col-md-4 no-padd-no-margin">
                <button class="btn-navig btn-first-page" data-page="1">first  page</button>
            </div>
            <div class="col-md-4 no-padd-no-margin">
                <button class="btn-navig btn-navig-info"></button>
            </div>
            <div class="col-md-4 no-padd-no-margin">
                <button class="btn-navig btn-last-page" data-page="0">last page</button>
            </div>
        </div>
        <div class="col-md-4 no-padd-no-margin">
            <button class="btn-navig btn-next-page" data-page="2">next page </button>
        </div>

    </div>

javascript

    (js)
      $('.btn-previous-page, .btn-first-page').on('click', function (e) {
            e.preventDefault();
            var pageNumber = $(this).data('page');
            getpagedCommandes('BC', pageNumber, "previous");
       });
      $('.btn-next-page, .btn-last-page').on('click', function (e) {
          e.preventDefault();
          var pageNumber = $(this).data('page');
          getpagedCommandes('BC', pageNumber, "next");
      });

      ....

     //the ajax call, note that button's html is updated on reponse
    function getpagedCommandes(type, pageNumber, direction) {
    $.ajax({
        type: "POST",
        dataType: 'json',
        data: {
            type: type,
            page: pageNumber
        },
        cache:false,
        headers: {'HTTP_X_REQUESTED_WITH': 'XMLHttpRequest'},
        url: serveurAdress + '/pieces/commandesJson',
        complete: function (response) {
            rep = jQuery.parseJSON(response.responseText);

                    $('.btn-last-page-liv').attr('data-page', pageCount);

                    switch(direction) {
                        case "next":
                            if(pageNumber !== pageCount) {
                                $('.btn-previous-page').css('display', 'block').data('page', pageNumber-1);
                                $('.btn-next-page').data('page', pageNumber+1);
                            }
                            else {
                                $('.btn-previous-page').css('display', 'block').data('page', pageNumber-1);
                                $('.btn-next-page').css('display', 'none');
                            }
                            break;
                        case "previous":
                            if(pageNumber !== 1) {
                                $('.btn-previous-page').css('display', 'block').data('page', pageNumber-1);
                                $('.btn-next-page').data('page', pageNumber+1);
                            }
                            else {
                                $('.btn-previous-page').css('display', 'none');
                                $('.btn-next-page').css('display', 'block').data('page', 2);
                            }
                            break;
                        }

                    $('.btn-navig-info').text(pageNumber + "/" +pageCount);


        }
    });
}

controller action:

    public function commandesJsonAction()
    {

        if ($this->request->isPost()) {
            if ($this->request->isAjax()) {
                $this->view->disable();
                $numberPage = $this->request->getPost('page', 'int');
                $type = $this->request->getPost('type', 'string');

                $conditions = 'pi_typepiece = :type:';
                $bind = array(
                    'type' => $type,
                );
                $piecesBC = $this->_listingCommandes($conditions, $bind);
                if (count($piecesBC) == 0) {
                    if ($this->request->isPost()) {
                        if ($this->request->isAjax()) {
                            if(strcmp($type, 'BC') == 0){
                                $this->jsonMessages['isCommandes'] = false;
                            }
                            else if (strcmp($type, 'BLC') == 0){
                                $this->jsonMessages['isLivraisons'] = false;
                            }
                            else if (strcmp($type, 'FAC') == 0){
                                $this->jsonMessages['isFactures'] = false;
                            }
                            return $this->jsonMessages;
                        }
                    }
                }
                $paginator = new Paginator(array(
                    "data" => $piecesBC,
                    "limit"=> 100,
                    "page" => $numberPage
                ));
                $res = $paginator->getPaginate();

                if(strcmp($type, 'BC') == 0) {
                    Feedback::notice('Commandes: page ' . $numberPage);
                    $this->jsonMessages['isCommandes'] = true;
                    $this->jsonMessages['listeCommandes'] = $res;

                }
                else if(strcmp($type, 'BLC') == 0) {
                    Feedback::notice('Livraisons: page ' . $numberPage);
                    $this->jsonMessages['isLivraisons'] = true;
                    $this->jsonMessages['listeLivraisons'] = $res;

                }
                else if(strcmp($type, 'FAC') == 0) {
                    Feedback::notice('Factures: page ' . $numberPage);
                    $this->jsonMessages['isFactures'] = true;
                    $this->jsonMessages['listeFactures'] = $res;

                }
                return $this->jsonMessages;
            }
        }

    }

thanks for ur ansser its works