Zend_Paginator-Usage.xml 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!-- Reviewed: no -->
  3. <!-- EN-Revision: 16319 -->
  4. <sect1 id="zend.paginator.usage">
  5. <title>使用法</title>
  6. <sect2 id="zend.paginator.usage.paginating">
  7. <title>データコレクションのページ処理</title>
  8. <para>
  9. ページ処理を行うには、<classname>Zend_Paginator</classname>
  10. がデータにアクセスするための汎用的な方法が必要です。
  11. そのため、データへのアクセスはすべてデータソースアダプタを用いて行います。
  12. Zend Framework には、いくつかのアダプタが標準で同梱されています。
  13. </para>
  14. <table id="zend.paginator.usage.paginating.adapters">
  15. <title>Zend_Paginator 用のアダプタ</title>
  16. <tgroup cols="2">
  17. <thead>
  18. <row>
  19. <entry>アダプタ</entry>
  20. <entry>説明</entry>
  21. </row>
  22. </thead>
  23. <tbody>
  24. <row>
  25. <entry>Array</entry>
  26. <entry><acronym>PHP</acronym> の配列を使用します。</entry>
  27. </row>
  28. <row>
  29. <entry>DbSelect</entry>
  30. <entry>
  31. <link linkend="zend.db.select"><classname>Zend_Db_Select</classname></link>
  32. のインスタンスを使用し、配列を返します。
  33. </entry>
  34. </row>
  35. <row>
  36. <entry>DbTableSelect</entry>
  37. <entry>
  38. <link linkend="zend.db.table.fetch-all"><classname>Zend_Db_Table_Select</classname></link>
  39. のインスタンスを使用し、
  40. <classname>Zend_Db_Table_Rowset_Abstract</classname>
  41. のインスタンスを返します。
  42. これは、結果セットについての追加情報
  43. (カラム名など) を提供します。
  44. </entry>
  45. </row>
  46. <row>
  47. <entry>Iterator</entry>
  48. <entry>
  49. <ulink url="http://www.php.net/~helly/php/ext/spl/interfaceIterator.html"><classname>Iterator</classname></ulink>
  50. のインスタンスを使用します。
  51. </entry>
  52. </row>
  53. <row>
  54. <entry>Null</entry>
  55. <entry>
  56. データのページ処理を管理する際に <classname>Zend_Paginator</classname>
  57. を使用しません。その場合でもページ処理コントロールの機能を使うことはできます。
  58. </entry>
  59. </row>
  60. </tbody>
  61. </tgroup>
  62. </table>
  63. <note>
  64. <para>
  65. 指定したクエリにマッチするすべての行を取得するのではなく、
  66. DbSelect アダプタや DbTableSelect アダプタは
  67. 現在のページの表示のための必要最小限のデータのみを取得します。
  68. </para>
  69. <para>
  70. そのため、マッチする行の総数を得るための別のクエリが動的に生成されます。
  71. しかし、総数を直接指定したり、総数を求めるクエリを直接指定したりすることもできます。
  72. 詳細な情報は、DbSelect アダプタの
  73. <methodname>setRowCount()</methodname> メソッドを参照ください。
  74. </para>
  75. </note>
  76. <para>
  77. <classname>Zend_Paginator</classname> のインスタンスを作成するには、
  78. コンストラクタでアダプタを指定しなければなりません。
  79. </para>
  80. <programlisting language="php"><![CDATA[
  81. $paginator = new Zend_Paginator(new Zend_Paginator_Adapter_Array($array));
  82. ]]></programlisting>
  83. <para>
  84. 利便性を確保するために、Zend Framework に同梱されているアダプタ用の静的メソッド
  85. <methodname>factory()</methodname> も用意されています。
  86. </para>
  87. <programlisting language="php"><![CDATA[
  88. $paginator = Zend_Paginator::factory($array);
  89. ]]></programlisting>
  90. <note>
  91. <para>
  92. Null アダプタの場合は、
  93. データコレクションのかわりに要素数をコンストラクタで指定します。
  94. </para>
  95. </note>
  96. <para>
  97. この状態でも技術的には既に使用可能ですが、
  98. ユーザが要求したページ番号をコントローラのアクション内で教えてやる必要があります。
  99. これにより、データを読み進めていくことが可能となります。
  100. </para>
  101. <programlisting language="php"><![CDATA[
  102. $paginator->setCurrentPageNumber($page);
  103. ]]></programlisting>
  104. <para>
  105. ページ番号は <acronym>URL</acronym> で指定するのがもっともシンプルな方法でしょう。
  106. <classname>Zend_Controller_Router_Interface</classname>
  107. 互換のルータを使うことを推奨しますが、
  108. それが必須というわけではありません。
  109. </para>
  110. <para>
  111. <acronym>INI</acronym> ファイルで定義するルートの例を次に示します。
  112. </para>
  113. <programlisting language="php"><![CDATA[
  114. routes.example.route = articles/:articleName/:page
  115. routes.example.defaults.controller = articles
  116. routes.example.defaults.action = view
  117. routes.example.defaults.page = 1
  118. routes.example.reqs.articleName = \w+
  119. routes.example.reqs.page = \d+
  120. ]]></programlisting>
  121. <para>
  122. この設定を使った (そして Zend Framework の <acronym>MVC</acronym> コンポーネントを使った)
  123. 場合、現在のページ番号を設定するコードはこのようになります。
  124. </para>
  125. <programlisting language="php"><![CDATA[
  126. $paginator->setCurrentPageNumber($this->_getParam('page'));
  127. ]]></programlisting>
  128. <para>
  129. それ以外にもオプションがあります。詳細は
  130. <link linkend="zend.paginator.configuration">設定</link>
  131. を参照ください。
  132. </para>
  133. <para>
  134. 最後に、paginator のインスタンスをビューに割り当てます。
  135. <classname>Zend_View</classname> と ViewRenderer アクションヘルパーを使っている場合は、
  136. 次のようになります。
  137. </para>
  138. <programlisting language="php"><![CDATA[
  139. $this->view->paginator = $paginator;
  140. ]]></programlisting>
  141. </sect2>
  142. <sect2 id="zend.paginator.usage.dbselect">
  143. <title>DbSelect および DbTableSelect アダプタ</title>
  144. <para>
  145. 大半のアダプタの使用法は非常にわかりやすいものです。
  146. しかし、データベースアダプタについてはより詳細な説明が必要です。
  147. 一般的に想像されるのとは異なり、これらのアダプタは、
  148. 数を数える際にデータベースの全レコードを取得するわけでは
  149. <emphasis>ありません</emphasis>。そのかわりに、アダプタが元のクエリを修正し、
  150. それに対応する COUNT クエリを作成します。
  151. Paginator は、その COUNT クエリを実行して行数を取得するのです。
  152. そのぶんデータベースとの余分なやりとりが必要となりますが、結果セット全体を取得して
  153. <methodname>count()</methodname> を使うよりは何倍も高速になります。
  154. 大量のデータを扱う場合などは特にそうです。
  155. </para>
  156. <para>
  157. データベースアダプタは、すべてのモダンなデータベース上で実行できる
  158. もっとも効率的なクエリを作成しようとします。
  159. しかし、使用するデータベースやスキーマ設定によっては
  160. 行数を取得するのにもっと効率的な方法があるかもしれません。
  161. そのような場合のために、データベースアダプタでは独自の COUNT
  162. クエリを設定できるようにもなっています。たとえば、
  163. 別々のテーブルにある blog の投稿の数を調べるには、
  164. 次の用に設定すればより高速な count クエリが使用できるでしょう。
  165. </para>
  166. <programlisting language="php"><![CDATA[
  167. $adapter = new Zend_Paginator_Adapter_DbSelect($db->select()->from('posts'));
  168. $adapter->setRowCount(
  169. $db->select()
  170. ->from(
  171. 'item_counts',
  172. array(
  173. Zend_Paginator_Adapter_DbSelect::ROW_COUNT_COLUMN => 'post_count'
  174. )
  175. )
  176. );
  177. $paginator = new Zend_Paginator($adapter);
  178. ]]></programlisting>
  179. <para>
  180. この方法は、小規模なデータや単純な select クエリの場合にはあまり劇的な効果を得られません。
  181. しかし、複雑なクエリや大規模なデータを扱う場合は
  182. かなりパフォーマンスが向上することでしょう。
  183. </para>
  184. </sect2>
  185. <sect2 id="zend.paginator.rendering">
  186. <title>ビュースクリプトによるページのレンダリング</title>
  187. <para>
  188. ビュースクリプトを使用してページ項目のレンダリング
  189. (<classname>Zend_Paginator</classname> を使うよう設定している場合)
  190. とページ処理コントロールの表示を行います。
  191. </para>
  192. <para>
  193. <classname>Zend_Paginator</classname> は <acronym>SPL</acronym> の
  194. <ulink url="http://www.php.net/~helly/php/ext/spl/interfaceIteratorAggregate.html"><classname>IteratorAggregate</classname></ulink>
  195. インターフェイスを実装しているので、
  196. 項目を順次処理したり表示したりするのは簡単です。
  197. </para>
  198. <programlisting language="php"><![CDATA[
  199. <html>
  200. <body>
  201. <h1>Example</h1>
  202. <?php if (count($this->paginator)): ?>
  203. <ul>
  204. <?php foreach ($this->paginator as $item): ?>
  205. <li><?php echo $item; ?></li>
  206. <?php endforeach; ?>
  207. </ul>
  208. <?php endif; ?>
  209. <?php echo $this->paginationControl($this->paginator,
  210. 'Sliding',
  211. 'my_pagination_control.phtml'); ?>
  212. </body>
  213. </html>
  214. ]]></programlisting>
  215. <para>
  216. 最後のほうでビューヘルパーをコールしているところに注目しましょう。
  217. PaginationControl 4 つまでのパラメータを受け取ります。
  218. paginator のインスタンス、スクロール形式、
  219. そして追加パラメータの配列です。
  220. </para>
  221. <para>
  222. 2 番目と 3 番目のパラメータは重要です。
  223. ビュー partial はページ処理コントロールの
  224. <emphasis>見た目</emphasis>を決めるために用いられ、
  225. 一方スクロール形式はその <emphasis>振る舞い</emphasis>
  226. を決めるために用いられます。ビュー partial
  227. が、次のようなページ処理コントロール形式だっととしましょう。
  228. </para>
  229. <para>
  230. <inlinegraphic align="center" valign="middle"
  231. fileref="figures/zend.paginator.usage.rendering.control.png"
  232. format="PNG"/>
  233. </para>
  234. <para>
  235. ここで "next" リンクを数回クリックしたときに、いったい何が起こるでしょう?
  236. そう、いろんなことが起こりえます。
  237. クリックし続けても現在のページがずっと中央に表示される (Yahoo!
  238. 形式) かもしれませんし、
  239. 表示される範囲はそのままで現在のページの位置がどんどん右にずれていき、
  240. 表示範囲の最後をページでさらに "next" をクリックしたときに一番左に戻るかもしれません。
  241. ページを進めるたびにページ数そのものが増加 ("scroll")
  242. していく (Google 形式) も考えられます。
  243. </para>
  244. <para>
  245. 4 種類のスクロール形式が Zend Framework に組み込まれています。
  246. </para>
  247. <table id="zend.paginator.usage.rendering.scrolling-styles">
  248. <title>Zend_Paginator のスクロール形式</title>
  249. <tgroup cols="2">
  250. <thead>
  251. <row>
  252. <entry>スクロール形式</entry>
  253. <entry>説明</entry>
  254. </row>
  255. </thead>
  256. <tbody>
  257. <row>
  258. <entry>All</entry>
  259. <entry>
  260. すべてのページを返します。
  261. 総ページ数が比較的少なめのときなど、
  262. ドロップダウンメニュー形式でページ選択をさせる際に便利です。
  263. そのような場合は、利用できるすべてのページを
  264. 一度にユーザに見せることになるでしょう。
  265. </entry>
  266. </row>
  267. <row>
  268. <entry>Elastic</entry>
  269. <entry>
  270. Google 風のスクロール形式で、
  271. ユーザがページを移動するのにあわせて拡大・縮小します。
  272. </entry>
  273. </row>
  274. <row>
  275. <entry>Jumping</entry>
  276. <entry>
  277. ユーザがページを進めるにつれて、
  278. ページ番号が表示範囲の最後に向けて進んでいきます。
  279. 表示範囲を超えると、新しい範囲の最初の位置に移動します。
  280. </entry>
  281. </row>
  282. <row>
  283. <entry>Sliding</entry>
  284. <entry>
  285. Yahoo! 風のスクロール形式で、
  286. 現在表示されているページが常にページ範囲の中央
  287. (あるいは可能な限りそれに近い場所)
  288. にあるようにします。これがデフォルトの形式です。
  289. </entry>
  290. </row>
  291. </tbody>
  292. </tgroup>
  293. </table>
  294. <para>
  295. 4 番目、そして最後のパラメータはオプションの連想配列です。
  296. ここで、ビューパーシャルから (<varname>$this</varname> を用いて)
  297. 使用したい追加変数を指定します。
  298. たとえば、ページ移動用のリンクに使用する追加の
  299. <acronym>URL</acronym> パラメータなどを含めることができます。
  300. </para>
  301. <para>
  302. デフォルトのビュー partial とスクロール形式、
  303. そしてビューのインスタンスを設定してしまえば、
  304. PaginationControl のコールを完全に除去することができます。
  305. </para>
  306. <programlisting language="php"><![CDATA[
  307. Zend_Paginator::setDefaultScrollingStyle('Sliding');
  308. Zend_View_Helper_PaginationControl::setDefaultViewPartial(
  309. 'my_pagination_control.phtml'
  310. );
  311. $paginator->setView($view);
  312. ]]></programlisting>
  313. <para>
  314. これらの値をすべて設定すると、
  315. ビュースクリプト内で単純な echo
  316. 文を使用するだけでページ処理コントロールをレンダリングできるようになります。
  317. </para>
  318. <programlisting language="php"><![CDATA[
  319. <?php echo $this->paginator; ?>
  320. ]]></programlisting>
  321. <note>
  322. <para>
  323. もちろん、<classname>Zend_Paginator</classname>
  324. を別のテンプレートエンジンで使用することもできます。
  325. たとえば、Smarty を使用する場合は次のようになります。
  326. </para>
  327. <programlisting language="php"><![CDATA[
  328. $smarty->assign('pages', $paginator->getPages());
  329. ]]></programlisting>
  330. <para>
  331. そして、テンプレートからは次のようにして paginator の値にアクセスします。
  332. </para>
  333. <programlisting language="php"><![CDATA[
  334. {$pages.pageCount}
  335. ]]></programlisting>
  336. </note>
  337. <sect3 id="zend.paginator.usage.rendering.example-controls">
  338. <title>ページ処理コントロールの例</title>
  339. <para>
  340. 次のページ処理コントロールの例が、
  341. とりあえず使い始めるにあたっての参考となることでしょう。
  342. </para>
  343. <para>
  344. 検索のページ処理
  345. </para>
  346. <programlisting language="php"><![CDATA[
  347. <!--
  348. See http://developer.yahoo.com/ypatterns/pattern.php?pattern=searchpagination
  349. -->
  350. <?php if ($this->pageCount): ?>
  351. <div class="paginationControl">
  352. <!-- 前のページへのリンク -->
  353. <?php if (isset($this->previous)): ?>
  354. <a href="<?php echo $this->url(array('page' => $this->previous)); ?>">
  355. &lt; Previous
  356. </a> |
  357. <?php else: ?>
  358. <span class="disabled">&lt; Previous</span> |
  359. <?php endif; ?>
  360. <!-- ページ番号へのリンク -->
  361. <?php foreach ($this->pagesInRange as $page): ?>
  362. <?php if ($page != $this->current): ?>
  363. <a href="<?php echo $this->url(array('page' => $page)); ?>">
  364. <?php echo $page; ?>
  365. </a> |
  366. <?php else: ?>
  367. <?php echo $page; ?> |
  368. <?php endif; ?>
  369. <?php endforeach; ?>
  370. <!-- 次のページへのリンク -->
  371. <?php if (isset($this->next)): ?>
  372. <a href="<?php echo $this->url(array('page' => $this->next)); ?>">
  373. Next &gt;
  374. </a>
  375. <?php else: ?>
  376. <span class="disabled">Next &gt;</span>
  377. <?php endif; ?>
  378. </div>
  379. <?php endif; ?>
  380. ]]></programlisting>
  381. <para>
  382. 項目のページ処理
  383. </para>
  384. <programlisting language="php"><![CDATA[
  385. <!--
  386. See http://developer.yahoo.com/ypatterns/pattern.php?pattern=itempagination
  387. -->
  388. <?php if ($this->pageCount): ?>
  389. <div class="paginationControl">
  390. <?php echo $this->firstItemNumber; ?> - <?php echo $this->lastItemNumber; ?>
  391. of <?php echo $this->totalItemCount; ?>
  392. <!-- 最初のページへのリンク -->
  393. <?php if (isset($this->previous)): ?>
  394. <a href="<?php echo $this->url(array('page' => $this->first)); ?>">
  395. First
  396. </a> |
  397. <?php else: ?>
  398. <span class="disabled">First</span> |
  399. <?php endif; ?>
  400. <!-- 前のページへのリンク -->
  401. <?php if (isset($this->previous)): ?>
  402. <a href="<?php echo $this->url(array('page' => $this->previous)); ?>">
  403. &lt; Previous
  404. </a> |
  405. <?php else: ?>
  406. <span class="disabled">&lt; Previous</span> |
  407. <?php endif; ?>
  408. <!-- 次のページへのリンク -->
  409. <?php if (isset($this->next)): ?>
  410. <a href="<?php echo $this->url(array('page' => $this->next)); ?>">
  411. Next &gt;
  412. </a> |
  413. <?php else: ?>
  414. <span class="disabled">Next &gt;</span> |
  415. <?php endif; ?>
  416. <!-- 最後のページへのリンク -->
  417. <?php if (isset($this->next)): ?>
  418. <a href="<?php echo $this->url(array('page' => $this->last)); ?>">
  419. Last
  420. </a>
  421. <?php else: ?>
  422. <span class="disabled">Last</span>
  423. <?php endif; ?>
  424. </div>
  425. <?php endif; ?>
  426. ]]></programlisting>
  427. <para>
  428. ドロップダウンのページ処理
  429. </para>
  430. <programlisting language="php"><![CDATA[
  431. <?php if ($this->pageCount): ?>
  432. <select id="paginationControl" size="1">
  433. <?php foreach ($this->pagesInRange as $page): ?>
  434. <?php $selected = ($page == $this->current) ? ' selected="selected"' : ''; ?>
  435. <option value="<?php
  436. echo $this->url(array('page' => $page));?>"<?php echo $selected ?>>
  437. <?php echo $page; ?>
  438. </option>
  439. <?php endforeach; ?>
  440. </select>
  441. <?php endif; ?>
  442. <script type="text/javascript"
  443. src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js">
  444. </script>
  445. <script type="text/javascript">
  446. $('paginationControl').observe('change', function() {
  447. window.location = this.options[this.selectedIndex].value;
  448. })
  449. </script>
  450. ]]></programlisting>
  451. </sect3>
  452. <sect3 id="zend.paginator.usage.rendering.properties">
  453. <title>プロパティの一覧</title>
  454. <para>
  455. 次のオプションが、ページ処理コントロールのビュー
  456. partial で使用可能です。
  457. </para>
  458. <table id="zend.paginator.usage.rendering.properties.table">
  459. <title>ビュー partial のプロパティ</title>
  460. <tgroup cols="3">
  461. <thead>
  462. <row>
  463. <entry>プロパティ</entry>
  464. <entry>型</entry>
  465. <entry>説明</entry>
  466. </row>
  467. </thead>
  468. <tbody>
  469. <row>
  470. <entry>first</entry>
  471. <entry>integer</entry>
  472. <entry>最初のページ番号 (つまり 1)</entry>
  473. </row>
  474. <row>
  475. <entry>firstItemNumber</entry>
  476. <entry>integer</entry>
  477. <entry>
  478. このページの最初の項目の番号
  479. </entry>
  480. </row>
  481. <row>
  482. <entry>firstPageInRange</entry>
  483. <entry>integer</entry>
  484. <entry>
  485. スクロール形式で返された範囲内の最初のページ
  486. </entry>
  487. </row>
  488. <row>
  489. <entry>current</entry>
  490. <entry>integer</entry>
  491. <entry>現在のページ番号</entry>
  492. </row>
  493. <row>
  494. <entry>currentItemCount</entry>
  495. <entry>integer</entry>
  496. <entry>このページの項目の数</entry>
  497. </row>
  498. <row>
  499. <entry>itemCountPerPage</entry>
  500. <entry>integer</entry>
  501. <entry>各ページに表示できる項目の最大数</entry>
  502. </row>
  503. <row>
  504. <entry>last</entry>
  505. <entry>integer</entry>
  506. <entry>最後のページ番号</entry>
  507. </row>
  508. <row>
  509. <entry>lastItemNumber</entry>
  510. <entry>integer</entry>
  511. <entry>
  512. このページの最後の項目の番号
  513. </entry>
  514. </row>
  515. <row>
  516. <entry>lastPageInRange</entry>
  517. <entry>integer</entry>
  518. <entry>
  519. スクロール形式で返された範囲内の最後のページ
  520. </entry>
  521. </row>
  522. <row>
  523. <entry>next</entry>
  524. <entry>integer</entry>
  525. <entry>次のページ番号</entry>
  526. </row>
  527. <row>
  528. <entry>pageCount</entry>
  529. <entry>integer</entry>
  530. <entry>ページ数</entry>
  531. </row>
  532. <row>
  533. <entry>pagesInRange</entry>
  534. <entry>array</entry>
  535. <entry>
  536. スクロール形式で返されたページの配列
  537. </entry>
  538. </row>
  539. <row>
  540. <entry>previous</entry>
  541. <entry>integer</entry>
  542. <entry>前のページ番号</entry>
  543. </row>
  544. <row>
  545. <entry>totalItemCount</entry>
  546. <entry>integer</entry>
  547. <entry>項目の総数</entry>
  548. </row>
  549. </tbody>
  550. </tgroup>
  551. </table>
  552. </sect3>
  553. </sect2>
  554. </sect1>
  555. <!--
  556. vim:se ts=4 sw=4 et:
  557. -->