Zend_Paginator-Usage.xml 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!-- EN-Revision: 24249 -->
  3. <!-- Reviewed: no -->
  4. <sect1 id="zend.paginator.usage">
  5. <title>Utilisation</title>
  6. <sect2 id="zend.paginator.usage.paginating">
  7. <title>Paginer des collections de données</title>
  8. <para>
  9. Afin de pouvoir paginer des éléments, <classname>Zend_Paginator</classname> doit
  10. posséder une manière générique d'accéder aux sources de données. De ce fait, tous les
  11. accès aux données se font via des adaptateurs de sources. Plusieurs adaptateurs existent
  12. par défaut :
  13. </para>
  14. <table id="zend.paginator.usage.paginating.adapters">
  15. <title>Adaptateurs pour <classname>Zend_Paginator</classname></title>
  16. <tgroup cols="2">
  17. <thead>
  18. <row>
  19. <entry>Adaptateur</entry>
  20. <entry>Description</entry>
  21. </row>
  22. </thead>
  23. <tbody>
  24. <row>
  25. <entry><code>Array</code></entry>
  26. <entry>Utilise un tableau <acronym>PHP</acronym></entry>
  27. </row>
  28. <row>
  29. <entry><code>DbSelect</code></entry>
  30. <entry>Utilise une instance de <link
  31. linkend="zend.db.select"><classname>Zend_Db_Select</classname></link>
  32. qui retourne un tableau</entry>
  33. </row>
  34. <row>
  35. <entry><code>DbTableSelect</code></entry>
  36. <entry>Utilise une instance <link
  37. linkend="zend.db.table.fetch-all"><classname>Zend_Db_Table_Select</classname></link>,
  38. qui retournera une instance de
  39. <classname>Zend_Db_Table_Rowset_Abstract</classname>. Ceci fournit aussi
  40. des informations supplémentaires sur le jeu de résultats, tel que les
  41. noms de colonne.</entry>
  42. </row>
  43. <row>
  44. <entry><code>Iterator</code></entry>
  45. <entry>Utilise une instance implémentant <ulink
  46. url="http://www.php.net/~helly/php/ext/spl/interfaceIterator.html"><code>Iterator</code></ulink></entry>
  47. </row>
  48. <row>
  49. <entry><constant>NULL</constant></entry>
  50. <entry>N'utilise pas <classname>Zend_Paginator</classname> pour la
  51. pagination. En revanche, les options et capacités de contrôle de la
  52. pagination restent disponibles.</entry>
  53. </row>
  54. </tbody>
  55. </tgroup>
  56. </table>
  57. <note>
  58. <para>
  59. Plutôt que de sélectionner chaque ligne correspondant à une requête fournie,
  60. les adaptateurs <code>DbSelect</code> et <code>DbTableSelect</code> récupèrent
  61. seulement la quantité de données nécessaire pour l'affichage de la page
  62. courante.
  63. </para>
  64. <para>
  65. A cause de ceci, une seconde requête est générée dynamiquement pour déterminer
  66. le nombre total de lignes correspondantes. Cependant, il est possible de directement
  67. fournir un nombre ou un requête de dénombrement vous-même. Regardez la méthode
  68. <methodname>setRowCount()</methodname> de l'adaptateur <code>DbSelect</code> pour de plus amples
  69. informations.
  70. </para>
  71. </note>
  72. <para>
  73. Pour créer une instance de <classname>Zend_Paginator</classname>, vous devez
  74. spécifier un adaptateur à son constructeur:
  75. </para>
  76. <para>
  77. <programlisting language="php"><![CDATA[
  78. $paginator = new Zend_Paginator(new Zend_Paginator_Adapter_Array($array));
  79. ]]></programlisting></para>
  80. <para>
  81. Pour une meilleure intégration, vous pouvez utiliser la fabrique
  82. <methodname>factory()</methodname>:
  83. </para>
  84. <para>
  85. <programlisting language="php"><![CDATA[
  86. $paginator = Zend_Paginator::factory($array);
  87. ]]></programlisting></para>
  88. <note>
  89. <para>
  90. Pour l'adaptateur <constant>NULL</constant>, il faut spécifier un chiffre à son
  91. constructeur en lieu et place de la collection de données.
  92. </para>
  93. </note>
  94. <para>
  95. Bien que l'instance soit techniquement utilisable dans l'état, dans votre
  96. contrôleur d'action vous devrez informer le paginateur du numéro de page demandé par
  97. l'utilisateur. Ceci lui permet d'avancer à travers les données paginées.
  98. </para>
  99. <para>
  100. <programlisting language="php"><![CDATA[
  101. $paginator->setCurrentPageNumber($page);
  102. ]]></programlisting></para>
  103. <para>
  104. La manière la plus simple de suivre et scruter cette valeur est via l'URL. Nous
  105. recommandons l'utilisation d'un routeur compatible avec
  106. <classname>Zend_Controller_Router_Interface</classname>, mais ceci n'est pas
  107. nécessaire.
  108. </para>
  109. <para>
  110. Voici une route que vous pourriez définir dans un fichier de configuration
  111. <acronym>INI</acronym>:
  112. </para>
  113. <para>
  114. <programlisting language="php"><![CDATA[
  115. routes.example.route = articles/:articleName/:page
  116. routes.example.defaults.controller = articles
  117. routes.example.defaults.action = view
  118. routes.example.defaults.page = 1
  119. routes.example.reqs.articleName = \w+
  120. routes.example.reqs.page = \d+
  121. ]]></programlisting></para>
  122. <para>
  123. Avec une telle route (et en utilisant les composants <acronym>MVC</acronym> de Zend Framework), vous
  124. pourriez spécifier le numéro de la page de cette manière :
  125. </para>
  126. <para>
  127. <programlisting language="php"><![CDATA[
  128. $paginator->setCurrentPageNumber($this->_getParam('page'));
  129. ]]></programlisting></para>
  130. <para>
  131. Il y a d'autres options disponibles, voyez <link
  132. linkend="zend.paginator.configuration">la configuration</link> pour plus de
  133. détails.
  134. </para>
  135. <para>
  136. Enfin, il faut passer l'instance du paginateur à votre vue. Si vous utilisez
  137. <classname>Zend_View</classname> avec l'aide d'action <code>ViewRenderer</code>, ceci
  138. fonctionnera :
  139. </para>
  140. <para>
  141. <programlisting language="php"><![CDATA[
  142. $this->view->paginator = $paginator;
  143. ]]></programlisting>
  144. </para>
  145. </sect2>
  146. <sect2 id="zend.paginator.usage.dbselect">
  147. <title>The DbSelect and DbTableSelect adapter</title>
  148. <para>
  149. The usage of most adapters is pretty straight-forward. However, the
  150. database adapters require a more detailed explanation regarding
  151. the retrieval and count of the data from the database.
  152. </para>
  153. <para>
  154. To use the DbSelect and DbTableSelect adapters you don't have to retrieve the data upfront from
  155. the database. Both adapters do the retrieval for you, aswell as the counting of the total pages.
  156. If additional work has to be done on the database results the adapter <methodname>getItems()</methodname> method
  157. has to be extended in your application.
  158. </para>
  159. <para>
  160. Additionally these adapters do <emphasis>not</emphasis> fetch all records from the database
  161. Instead, the adapters manipulates the original query to produce the corresponding
  162. COUNT query. Paginator then executes that COUNT query to get the number of rows.
  163. This does require an extra round-trip to the database, but this is many times
  164. faster than fetching an entire result set and using count(). Especially with
  165. large collections of data.
  166. </para>
  167. <para>
  168. The database adapters will try and build the most efficient query that will execute
  169. on pretty much all modern databases. However, depending on your database or even your
  170. own schema setup, there might be more efficient ways to get a rowcount. For this scenario
  171. the database adapters allow you to set a custom COUNT query. For example,
  172. if you keep track of the count of blog posts in a separate table, you could achieve a
  173. faster count query with the following setup:
  174. </para>
  175. <programlisting language="php"><![CDATA[
  176. $adapter = new Zend_Paginator_Adapter_DbSelect($db->select()->from('posts'));
  177. $adapter->setRowCount(
  178. $db->select()->from('item_counts', array(Zend_Paginator_Adapter_DbSelect::ROW_COUNT_COLUMN => 'post_count'))
  179. )
  180. $paginator = new Zend_Paginator($adapter);
  181. ]]></programlisting>
  182. <para>
  183. This approach will probably not give you a huge performance gain on
  184. small collections and/or simple select queries. However, with complex
  185. queries and large collections, a similar approach could give you a
  186. significant performance boost.
  187. </para>
  188. </sect2>
  189. <sect2 id="zend.paginator.rendering">
  190. <title>Rendre des pages avec les scripts de vue</title>
  191. <para>
  192. Le script de vue va être utilisé pour rendre les éléments de la page (bien sûr si
  193. <classname>Zend_Paginator</classname> est utilisé à cet effet), et pour afficher les
  194. éléments relatifs au contrôle de la pagination.
  195. </para>
  196. <para>
  197. Comme <classname>Zend_Paginator</classname> implémente l'interface SPL <ulink
  198. url="http://www.php.net/~helly/php/ext/spl/interfaceIteratorAggregate.html"><code>IteratorAggregate</code></ulink>,
  199. boucler sur les éléments et les afficher est très simple.
  200. </para>
  201. <para>
  202. <programlisting language="php"><![CDATA[
  203. <html>
  204. <body>
  205. <h1>Example</h1>
  206. <?php if (count($this->paginator)): ?>
  207. <ul>
  208. <?php foreach ($this->paginator as $item): ?>
  209. <li><?php echo $item; ?></li>
  210. <?php endforeach; ?>
  211. </ul>
  212. <?php endif; ?>
  213. <?php echo $this->paginationControl($this->paginator,
  214. 'Sliding',
  215. 'my_pagination_control.phtml'); ?>
  216. </body>
  217. </html>
  218. ]]></programlisting></para>
  219. <para>
  220. Notez l'appel à l'aide de vue en fin de script. <code>PaginationControl</code>
  221. accepte jusqu'à quatre paramètres : l'instance du paginateur, un type de défilement
  222. (optionnel), un partial de vue (optionnel) et un tableau de paramètres
  223. additionnels.
  224. </para>
  225. <para>
  226. Les second et troisième paramètres sont très importants. Alors que le partial est
  227. utiliser pour déterminer comment <emphasis>présenter</emphasis> les données, le type de
  228. défilement définira la manière dont ils se <emphasis>comportent</emphasis>. Disons que
  229. le partial ressemble à un contrôle de recherche, comme ce qui suit :
  230. </para>
  231. <para>
  232. <inlinegraphic align="center"
  233. fileref="figures/zend.paginator.usage.rendering.control.png" format="PNG"
  234. valign="middle" />
  235. </para>
  236. <para>
  237. Que se passe-t-il lorsque l'utilisateur clique sur le lien "next" quelques fois?
  238. Plusieurs choses peuvent arriver. Le numéro de la page courante pourrait rester au
  239. milieu (comme c'est le cas sur Yahoo!), ou il pourrait aussi bien avancer à la fin de la
  240. fourchette des pages et apparaître encore à gauche lorsque l'utilisateur clique alors
  241. sur "next". Le nombre de pages pourrait alors s'étendre ou se comprimer alors que
  242. l'utilisateur avance ("scroll") à travers (comme chez Google).
  243. </para>
  244. <para>Il existe 4 types de défilement intégrés dans Zend Framework :</para>
  245. <table id="zend.paginator.usage.rendering.scrolling-styles">
  246. <title>Types de défilement pour <classname>Zend_Paginator</classname></title>
  247. <tgroup cols="2">
  248. <thead>
  249. <row>
  250. <entry>Type de défilement</entry>
  251. <entry>Description</entry>
  252. </row>
  253. </thead>
  254. <tbody>
  255. <row>
  256. <entry>All</entry>
  257. <entry>Retourne toutes les pages. Très pratique lorsqu'il y a peu de
  258. pages totales.</entry>
  259. </row>
  260. <row>
  261. <entry>Elastic</entry>
  262. <entry>Un défilement de type Google qui s'étend et se contracte au fur
  263. et à mesure que l'utilisateur avance dans les pages de
  264. résultats.</entry>
  265. </row>
  266. <row>
  267. <entry>Jumping</entry>
  268. <entry>Alors que l'utilisateur défile, le nombre de pages avance à la
  269. fin d'une échelle donnée, puis recommence au début de l'échelle
  270. suivante.</entry>
  271. </row>
  272. <row>
  273. <entry>Sliding</entry>
  274. <entry>Un défilement de type Yahoo! qui positionne la page en cours au
  275. centre d'une échelle de pages, le plus justement et près possible. Ce
  276. type de défilement est le type par défaut.</entry>
  277. </row>
  278. </tbody>
  279. </tgroup>
  280. </table>
  281. <para>
  282. Le quatrième et dernier paramètre est réservé pour un tableau associatif optionnel
  283. de variables supplémentaires que vous voulez rendre disponible dans vos partiels de vues
  284. (disponible via <varname>$this</varname>). Par exemple, ces valeurs permettent d'inclure des
  285. paramètres d'URL supplémentaires pour les liens de pagination.
  286. </para>
  287. <para>
  288. En spécifiant le partial de vue par défaut, le défilement et l'instance de vue,
  289. vous pouvez alors vous affranchir totalement des appels à <code>PaginationControl</code>
  290. :
  291. </para>
  292. <para>
  293. <programlisting language="php"><![CDATA[
  294. Zend_Paginator::setDefaultScrollingStyle('Sliding');
  295. Zend_View_Helper_PaginationControl::setDefaultViewPartial(
  296. 'my_pagination_control.phtml'
  297. );
  298. $paginator->setView($view);
  299. ]]></programlisting></para>
  300. <para>
  301. Utilisez dès lors un simple <code>echo</code> dans le script de vue pour le rendu
  302. du paginateur complet:
  303. </para>
  304. <para>
  305. <programlisting language="php"><![CDATA[
  306. <?php echo $this->paginator; ?>
  307. ]]></programlisting></para>
  308. <note>
  309. <para>
  310. Bien sûr, il est possible d'utiliser Zend_paginator avec d'autres moteurs de
  311. templates. Par exemple, avec Smarty vous pourriez faire ceci :
  312. </para>
  313. <para>
  314. <programlisting language="php"><![CDATA[
  315. $smarty->assign('pages', $paginator->getPages());
  316. ]]></programlisting></para>
  317. <para>
  318. Vous pouvez ainsi accéder aux valeurs du paginateur grâce à un template comme
  319. ceci :
  320. </para>
  321. <para>
  322. <programlisting language="php"><![CDATA[
  323. {$pages->pageCount}
  324. ]]></programlisting></para>
  325. </note>
  326. <sect3 id="zend.paginator.usage.rendering.example-controls">
  327. <title>Exemples de contrôles de pagination</title>
  328. <para>
  329. Voici quelques exemples qui vous aideront à démarrer avec le
  330. paginateur:
  331. </para>
  332. <para>
  333. Pagination de recherche :<programlisting language="php"><![CDATA[
  334. <!--
  335. Voir http://developer.yahoo.com/ypatterns/pattern.php?pattern=searchpagination
  336. -->
  337. <?php if ($this->pageCount): ?>
  338. <div class="paginationControl">
  339. <!-- Previous page link -->
  340. <?php if (isset($this->previous)): ?>
  341. <a href="<?php echo $this->url(array('page' => $this->previous)); ?>">
  342. &lt; Previous
  343. </a> |
  344. <?php else: ?>
  345. <span class="disabled">&lt; Previous</span> |
  346. <?php endif; ?>
  347. <!-- Numbered page links -->
  348. <?php foreach ($this->pagesInRange as $page): ?>
  349. <?php if ($page != $this->current): ?>
  350. <a href="<?php echo $this->url(array('page' => $page)); ?>">
  351. <?php echo $page; ?>
  352. </a> |
  353. <?php else: ?>
  354. <?php echo $page; ?> |
  355. <?php endif; ?>
  356. <?php endforeach; ?>
  357. <!-- Next page link -->
  358. <?php if (isset($this->next)): ?>
  359. <a href="<?php echo $this->url(array('page' => $this->next)); ?>">
  360. Next &gt;
  361. </a>
  362. <?php else: ?>
  363. <span class="disabled">Next &gt;</span>
  364. <?php endif; ?>
  365. </div>
  366. <?php endif; ?>
  367. ]]></programlisting></para>
  368. <para>
  369. Pagination d'objets :<programlisting language="php"><![CDATA[
  370. <!--
  371. Voir http://developer.yahoo.com/ypatterns/pattern.php?pattern=itempagination
  372. -->
  373. <?php if ($this->pageCount): ?>
  374. <div class="paginationControl">
  375. <?php echo $this->firstItemNumber; ?> - <?php echo $this->lastItemNumber; ?>
  376. of <?php echo $this->totalItemCount; ?>
  377. <!-- First page link -->
  378. <?php if (isset($this->previous)): ?>
  379. <a href="<?php echo $this->url(array('page' => $this->first)); ?>">
  380. First
  381. </a> |
  382. <?php else: ?>
  383. <span class="disabled">First</span> |
  384. <?php endif; ?>
  385. <!-- Previous page link -->
  386. <?php if (isset($this->previous)): ?>
  387. <a href="<?php echo $this->url(array('page' => $this->previous)); ?>">
  388. &lt; Previous
  389. </a> |
  390. <?php else: ?>
  391. <span class="disabled">&lt; Previous</span> |
  392. <?php endif; ?>
  393. <!-- Next page link -->
  394. <?php if (isset($this->next)): ?>
  395. <a href="<?php echo $this->url(array('page' => $this->next)); ?>">
  396. Next &gt;
  397. </a> |
  398. <?php else: ?>
  399. <span class="disabled">Next &gt;</span> |
  400. <?php endif; ?>
  401. <!-- Last page link -->
  402. <?php if (isset($this->next)): ?>
  403. <a href="<?php echo $this->url(array('page' => $this->last)); ?>">Last</a>
  404. <?php else: ?>
  405. <span class="disabled">Last</span>
  406. <?php endif; ?>
  407. </div>
  408. <?php endif; ?>
  409. ]]></programlisting>
  410. </para>
  411. <para>
  412. Pagination Dropdown :<programlisting language="php"><![CDATA[
  413. <?php if ($this->pageCount): ?>
  414. <select id="paginationControl" size="1">
  415. <?php foreach ($this->pagesInRange as $page): ?>
  416. <?php $selected = ($page == $this->current) ? ' selected="selected"' : ''; ?>
  417. <option value="<?php echo $this->url(array('page' => $page)); ?>"
  418. <?php echo $selected ?>>
  419. <?php echo $page; ?>
  420. </option>
  421. <?php endforeach; ?>
  422. </select>
  423. <?php endif; ?>
  424. <script type="text/javascript"
  425. src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js">
  426. </script>
  427. <script type="text/javascript">
  428. $('paginationControl').observe('change', function() {
  429. window.location = this.options[this.selectedIndex].value;
  430. })
  431. </script>
  432. ]]></programlisting>
  433. </para>
  434. </sect3>
  435. <sect3 id="zend.paginator.usage.rendering.properties">
  436. <title>Liste des propriétés</title>
  437. <para>
  438. Les options suivantes sont disponibles pour contrôler la pagination dans les
  439. partials de vue :
  440. </para>
  441. <table id="zend.paginator.usage.rendering.properties.table">
  442. <title>Propriétés disponibles aux partials de vue</title>
  443. <tgroup cols="3">
  444. <thead>
  445. <row>
  446. <entry>Propriété</entry>
  447. <entry>Type</entry>
  448. <entry>Description</entry>
  449. </row>
  450. </thead>
  451. <tbody>
  452. <row>
  453. <entry>first</entry>
  454. <entry>entier</entry>
  455. <entry>Numéro de la première page</entry>
  456. </row>
  457. <row>
  458. <entry>firstItemNumber</entry>
  459. <entry>entier</entry>
  460. <entry>Numéro absolu du premier objet(item) dans cette page</entry>
  461. </row>
  462. <row>
  463. <entry>firstPageInRange</entry>
  464. <entry>entier</entry>
  465. <entry>Première page dans l'échelle retournée par le type de
  466. défilement</entry>
  467. </row>
  468. <row>
  469. <entry>current</entry>
  470. <entry>entier</entry>
  471. <entry>Numéro de la page en cours</entry>
  472. </row>
  473. <row>
  474. <entry>currentItemCount</entry>
  475. <entry>entier</entry>
  476. <entry>Nombre d'objets sur cette page</entry>
  477. </row>
  478. <row>
  479. <entry>itemCountPerPage</entry>
  480. <entry>integer</entry>
  481. <entry>Nombre d'objets maximum à afficher par page</entry>
  482. </row>
  483. <row>
  484. <entry>last</entry>
  485. <entry>entier</entry>
  486. <entry>Numéro de la dernière page</entry>
  487. </row>
  488. <row>
  489. <entry>lastItemNumber</entry>
  490. <entry>entier</entry>
  491. <entry>Numéro absolu du dernier objet sur cette page</entry>
  492. </row>
  493. <row>
  494. <entry>lastPageInRange</entry>
  495. <entry>entier</entry>
  496. <entry>Dernière page dans l'échelle retournée par le type de
  497. défilement</entry>
  498. </row>
  499. <row>
  500. <entry>next</entry>
  501. <entry>entier</entry>
  502. <entry>Numéro de la page suivante</entry>
  503. </row>
  504. <row>
  505. <entry>pageCount</entry>
  506. <entry>entier</entry>
  507. <entry>Nombre de pages</entry>
  508. </row>
  509. <row>
  510. <entry>pagesInRange</entry>
  511. <entry>tableau (array)</entry>
  512. <entry>Tableau des pages retournées par le type de
  513. défilement</entry>
  514. </row>
  515. <row>
  516. <entry>previous</entry>
  517. <entry>entier</entry>
  518. <entry>Numéro de la page précédente</entry>
  519. </row>
  520. <row>
  521. <entry>totalItemCount</entry>
  522. <entry>entier</entry>
  523. <entry>Nombre total d'objets</entry>
  524. </row>
  525. </tbody>
  526. </tgroup>
  527. </table>
  528. </sect3>
  529. </sect2>
  530. </sect1>