【Cakephp2.x】 BoostCake3에서 Bootstrap4의 Pagination을 사용하고 싶다.

4206 단어 bootstrap4cakephp2
첫 투고입니다.
오자・탈자・실수 등 있으면 지적 부탁드립니다.
잡는 곳이 있을지도 모르지만 잘 부탁드립니다.

이 기사는 Cakephp2.x에서 BoostCake3을 사용하여 어떻게 든 Bootstarp4
페이지 네이션 기능을 사용하려고합니다.
그래서 아직 BoostCake를 도입하지 않은 분은 먼저 도입을 부탁드립니다.


참고 : CakePHP BoostCake 배포 절차

코드에서 먼저 올립니다.

test.php
<!-- ページネーション -->
<nav aria-label="Page navigation example">
    <ul class="pagination">
        <?php
        $this->Paginator->options(array('class' => 'page-link'));
        echo $this->Paginator->prev(__('Previous'), array('tag' => 'li class="page-item"'));
        echo $this->Paginator->numbers(array('currentTag' => 'a class="page-link"'));
        echo $this->Paginator->next(__('Next'), array('tag' => 'li class="page-item"'));
        ?>
    </ul>
</nav>
$this->Paginator->options(array('class' => 'page-link'))
이전·다음·모든 페이지 번호에 page-link 클래스가 부속되도록 하기 위한 메소드입니다.
opitions에서 건네받은 클래스를 하나하나의 요소에 부속해 줍니다.
prev() numbers() next() 메소드에는,
태그에 필요한 클래스인 page-itempage-link 를 부속시키고 있습니다.

표시 결과 이렇게 되었습니다.

   

불행히도, 현재 표시하고 있는 페이지 번호의 배경이 파랗게 채워지는 기능과,
페이지 끝에 왔을 때, 이전/다음 버튼이 회색 아웃하는 기능은 구현할 수 없었습니다.
이것들을 구현하려면 플러그인의 내용을 만지거나, PaginatorHelper를 상속한 독자적인 헬퍼로 오버라이드(override) 할 필요가 있습니다.

보시다시피이 코드는 플러그인 기능을 전혀 사용하지 않지만,
BoostCake 플러그인을 적용하지 않으면 이렇게 됩니다.

   
page-link 클래스가 이전/다음 버튼에 부속되어 주지 않기 때문에 이상하게 되어 버립니다.
이것만을 위해서 플러그인을 사용하는 것은 어쩐지-라고 생각합니다만,
오버라이드등을 하지 말고, 무리할 수 없는지 생각한 결과의 끝입니다.
보다 편하게 할 수 있는 방법이 있으면 코멘트에서 교수 받을 수 있으면 매우 고맙습니다.

누군가의 도움이 되었으면 좋겠습니다.
이상입니다.

참고 : bootstrap4에서 cakePHP 페이징을 구현하고 싶습니다.

좋은 웹페이지 즐겨찾기