質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
CakePHP

CakePHPは、PHPで書かれたWebアプリケーション開発用のフレームワークです。 Ruby on Railsの考え方を多く取り入れており、Railsの高速性とPHPの機動性を兼ね備えています。 MVCやORMなどを「規約優先の考え方」で利用するため、コードを書く手間を省くことができます。 外部のライブラリに依存しないので、単体での利用が可能です。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

Q&A

1回答

2886閲覧

bootstrap4でcakePHPのページングを実装したい

kphex

総合スコア42

CakePHP

CakePHPは、PHPで書かれたWebアプリケーション開発用のフレームワークです。 Ruby on Railsの考え方を多く取り入れており、Railsの高速性とPHPの機動性を兼ね備えています。 MVCやORMなどを「規約優先の考え方」で利用するため、コードを書く手間を省くことができます。 外部のライブラリに依存しないので、単体での利用が可能です。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

0グッド

1クリップ

投稿2016/05/22 23:23

Bootstrap4とCakePHP(version 2系)でwebアプリケーション作っています。
ページングのアンカーをラップするタグ(spanやli等)にはクラスを指定することは以下のようにできるのですが、

<?php echo $this->Paginator->numbers(array('separator' => '','currentTag' => 'a', 'currentClass' => 'active','tag' => 'li', 'class' => 'page-item')); ?>

CakePHP + Twitter Bootstrap

Bootstrap4の公式のように、
アンカータグに直接.page-linkクラスを付属させる方法が見つからず苦戦しています。
Pagination Bootstrap

どなたかご教示いただけますと幸いです。
よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

オプションのみで解決することは出来ません。
PaginatorHelperを継承した独自ヘルパーでnumbersをオーバーライドするなどの必要があります。

ページネーションのリンクである PaginatorHelper::link のオプションは PaginatorHelper::options で指定すると、デフォルトのオプションに追加されるようです。

PHP

1$this-Pagenator->options(array('class' => 'page-link'))

しかし、 numbersメソッド内ではCurrentTag の部分でClassを設定していないため、設定することが出来ません。
PaginatorHelperのnumbersメソッドでCurrentTagを使っているところを探せば上記のことがわかります。
(Version2.8.4では783行目821行目でした)

PHP

1if ($currentTag) { 2 // tagにClassを設定するためのoptionsが無い 3 ... $this->Html->tag($currentTag, $params['page']), ...

ここはどうしようもないので、オーバーライドや自分でループして記述など、何らかの形でクラスを付加するように改変するしかないです。

投稿2016/05/23 14:24

編集2016/05/23 14:45
qlbs

総合スコア28

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問