【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-item
와 page-link
를 부속시키고 있습니다.표시 결과 이렇게 되었습니다.
불행히도, 현재 표시하고 있는 페이지 번호의 배경이 파랗게 채워지는 기능과,
페이지 끝에 왔을 때, 이전/다음 버튼이 회색 아웃하는 기능은 구현할 수 없었습니다.
이것들을 구현하려면 플러그인의 내용을 만지거나, PaginatorHelper를 상속한 독자적인 헬퍼로 오버라이드(override) 할 필요가 있습니다.
보시다시피이 코드는 플러그인 기능을 전혀 사용하지 않지만,
BoostCake 플러그인을 적용하지 않으면 이렇게 됩니다.
page-link
클래스가 이전/다음 버튼에 부속되어 주지 않기 때문에 이상하게 되어 버립니다.이것만을 위해서 플러그인을 사용하는 것은 어쩐지-라고 생각합니다만,
오버라이드등을 하지 말고, 무리할 수 없는지 생각한 결과의 끝입니다.
보다 편하게 할 수 있는 방법이 있으면 코멘트에서 교수 받을 수 있으면 매우 고맙습니다.
누군가의 도움이 되었으면 좋겠습니다.
이상입니다.
참고 : bootstrap4에서 cakePHP 페이징을 구현하고 싶습니다.
Reference
이 문제에 관하여(【Cakephp2.x】 BoostCake3에서 Bootstrap4의 Pagination을 사용하고 싶다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/chikuwaEX/items/7a50c48fbc49ae254a9d텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)