Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 1 | ################ |
| 2 | Pagination Class |
| 3 | ################ |
| 4 | |
| 5 | CodeIgniter's Pagination class is very easy to use, and it is 100% |
| 6 | customizable, either dynamically or via stored preferences. |
| 7 | |
Andrey Andreev | cc04209 | 2014-01-03 17:08:27 +0200 | [diff] [blame] | 8 | .. contents:: |
| 9 | :local: |
| 10 | |
| 11 | .. raw:: html |
| 12 | |
| 13 | <div class="custom-index container"></div> |
| 14 | |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 15 | If you are not familiar with the term "pagination", it refers to links |
| 16 | that allows you to navigate from page to page, like this:: |
| 17 | |
| 18 | « First < 1 2 3 4 5 > Last » |
| 19 | |
| 20 | ******* |
| 21 | Example |
| 22 | ******* |
| 23 | |
| 24 | Here is a simple example showing how to create pagination in one of your |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 25 | :doc:`controller <../general/controllers>` methods:: |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 26 | |
Derek Jones | 36be969 | 2011-10-05 15:52:41 -0500 | [diff] [blame] | 27 | $this->load->library('pagination'); |
| 28 | |
| 29 | $config['base_url'] = 'http://example.com/index.php/test/page/'; |
| 30 | $config['total_rows'] = 200; |
Marco Monteiro | 4b84d62 | 2012-06-26 11:53:20 +0100 | [diff] [blame] | 31 | $config['per_page'] = 20; |
Derek Jones | 36be969 | 2011-10-05 15:52:41 -0500 | [diff] [blame] | 32 | |
Marco Monteiro | 4b84d62 | 2012-06-26 11:53:20 +0100 | [diff] [blame] | 33 | $this->pagination->initialize($config); |
Derek Jones | 36be969 | 2011-10-05 15:52:41 -0500 | [diff] [blame] | 34 | |
| 35 | echo $this->pagination->create_links(); |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 36 | |
| 37 | Notes |
| 38 | ===== |
| 39 | |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 40 | The ``$config`` array contains your configuration variables. It is passed to |
| 41 | the ``$this->pagination->initialize()`` method as shown above. Although |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 42 | there are some twenty items you can configure, at minimum you need the |
| 43 | three shown. Here is a description of what those items represent: |
| 44 | |
| 45 | - **base_url** This is the full URL to the controller class/function |
| 46 | containing your pagination. In the example above, it is pointing to a |
| 47 | controller called "Test" and a function called "page". Keep in mind |
| 48 | that you can :doc:`re-route your URI <../general/routing>` if you |
| 49 | need a different structure. |
| 50 | - **total_rows** This number represents the total rows in the result |
| 51 | set you are creating pagination for. Typically this number will be |
| 52 | the total rows that your database query returned. |
| 53 | - **per_page** The number of items you intend to show per page. In the |
| 54 | above example, you would be showing 20 items per page. |
| 55 | |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 56 | The ``create_links()`` method returns an empty string when there is no |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 57 | pagination to show. |
| 58 | |
| 59 | Setting preferences in a config file |
| 60 | ==================================== |
| 61 | |
| 62 | If you prefer not to set preferences using the above method, you can |
| 63 | instead put them into a config file. Simply create a new file called |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 64 | pagination.php, add the ``$config`` array in that file. Then save the file |
| 65 | in *application/config/pagination.php* and it will be used automatically. |
| 66 | You will NOT need to use ``$this->pagination->initialize()`` if you save |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 67 | your preferences in a config file. |
| 68 | |
| 69 | ************************** |
| 70 | Customizing the Pagination |
| 71 | ************************** |
| 72 | |
| 73 | The following is a list of all the preferences you can pass to the |
| 74 | initialization function to tailor the display. |
| 75 | |
| 76 | $config['uri_segment'] = 3; |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 77 | =========================== |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 78 | |
| 79 | The pagination function automatically determines which segment of your |
| 80 | URI contains the page number. If you need something different you can |
| 81 | specify it. |
| 82 | |
| 83 | $config['num_links'] = 2; |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 84 | ========================= |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 85 | |
| 86 | The number of "digit" links you would like before and after the selected |
| 87 | page number. For example, the number 2 will place two digits on either |
| 88 | side, as in the example links at the very top of this page. |
| 89 | |
Bo-Yi Wu | 65bdaf5 | 2012-09-21 13:49:09 +0800 | [diff] [blame] | 90 | $config['use_page_numbers'] = TRUE; |
Andrey Andreev | 73766c2 | 2012-10-05 20:32:14 +0300 | [diff] [blame] | 91 | =================================== |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 92 | |
| 93 | By default, the URI segment will use the starting index for the items |
| 94 | you are paginating. If you prefer to show the the actual page number, |
| 95 | set this to TRUE. |
| 96 | |
| 97 | $config['page_query_string'] = TRUE; |
| 98 | ==================================== |
| 99 | |
| 100 | By default, the pagination library assume you are using :doc:`URI |
| 101 | Segments <../general/urls>`, and constructs your links something |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 102 | like:: |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 103 | |
| 104 | http://example.com/index.php/test/page/20 |
| 105 | |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 106 | If you have ``$config['enable_query_strings']`` set to TRUE your links |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 107 | will automatically be re-written using Query Strings. This option can |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 108 | also be explictly set. Using ``$config['page_query_string']`` set to TRUE, |
| 109 | the pagination link will become:: |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 110 | |
| 111 | http://example.com/index.php?c=test&m=page&per_page=20 |
| 112 | |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 113 | Note that "per_page" is the default query string passed, however can be |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 114 | configured using ``$config['query_string_segment'] = 'your_string'`` |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 115 | |
Phil Sturgeon | f82b929 | 2012-06-23 15:49:23 +0100 | [diff] [blame] | 116 | $config['reuse_query_string'] = FALSE; |
Derek Jones | ce79be0 | 2012-06-25 23:23:46 -0700 | [diff] [blame] | 117 | ====================================== |
Phil Sturgeon | f82b929 | 2012-06-23 15:49:23 +0100 | [diff] [blame] | 118 | |
Marco Monteiro | 4b84d62 | 2012-06-26 11:53:20 +0100 | [diff] [blame] | 119 | By default your Query String arguments (nothing to do with other |
| 120 | query string options) will be ignored. Setting this config to |
| 121 | TRUE will add existing query string arguments back into the |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 122 | URL after the URI segment and before the suffix.:: |
Phil Sturgeon | f82b929 | 2012-06-23 15:49:23 +0100 | [diff] [blame] | 123 | |
| 124 | http://example.com/index.php/test/page/20?query=search%term |
| 125 | |
| 126 | This helps you mix together normal :doc:`URI Segments <../general/urls>` |
| 127 | as well as query string arguments, which until 3.0 was not possible. |
| 128 | |
Marco Monteiro | 4b84d62 | 2012-06-26 11:53:20 +0100 | [diff] [blame] | 129 | $config['prefix'] = ''; |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 130 | ======================= |
Marco Monteiro | 4b84d62 | 2012-06-26 11:53:20 +0100 | [diff] [blame] | 131 | |
| 132 | A custom prefix added to the path. The prefix value will be right before |
| 133 | the offset segment. |
| 134 | |
| 135 | $config['suffix'] = ''; |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 136 | ======================= |
Marco Monteiro | 4b84d62 | 2012-06-26 11:53:20 +0100 | [diff] [blame] | 137 | |
| 138 | A custom suffix added to the path. The sufix value will be right after |
| 139 | the offset segment. |
| 140 | |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 141 | *********************** |
| 142 | Adding Enclosing Markup |
| 143 | *********************** |
| 144 | |
| 145 | If you would like to surround the entire pagination with some markup you |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 146 | can do it with these two preferences: |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 147 | |
| 148 | $config['full_tag_open'] = '<p>'; |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 149 | ================================= |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 150 | |
| 151 | The opening tag placed on the left side of the entire result. |
| 152 | |
| 153 | $config['full_tag_close'] = '</p>'; |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 154 | =================================== |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 155 | |
| 156 | The closing tag placed on the right side of the entire result. |
| 157 | |
| 158 | ************************** |
| 159 | Customizing the First Link |
| 160 | ************************** |
| 161 | |
| 162 | $config['first_link'] = 'First'; |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 163 | ================================ |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 164 | |
| 165 | The text you would like shown in the "first" link on the left. If you do |
| 166 | not want this link rendered, you can set its value to FALSE. |
| 167 | |
| 168 | $config['first_tag_open'] = '<div>'; |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 169 | ==================================== |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 170 | |
| 171 | The opening tag for the "first" link. |
| 172 | |
| 173 | $config['first_tag_close'] = '</div>'; |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 174 | ====================================== |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 175 | |
| 176 | The closing tag for the "first" link. |
| 177 | |
| 178 | ************************* |
| 179 | Customizing the Last Link |
| 180 | ************************* |
| 181 | |
| 182 | $config['last_link'] = 'Last'; |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 183 | ============================== |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 184 | |
| 185 | The text you would like shown in the "last" link on the right. If you do |
| 186 | not want this link rendered, you can set its value to FALSE. |
| 187 | |
| 188 | $config['last_tag_open'] = '<div>'; |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 189 | =================================== |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 190 | |
| 191 | The opening tag for the "last" link. |
| 192 | |
| 193 | $config['last_tag_close'] = '</div>'; |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 194 | ===================================== |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 195 | |
| 196 | The closing tag for the "last" link. |
| 197 | |
| 198 | *************************** |
| 199 | Customizing the "Next" Link |
| 200 | *************************** |
| 201 | |
| 202 | $config['next_link'] = '>'; |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 203 | ============================== |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 204 | |
| 205 | The text you would like shown in the "next" page link. If you do not |
| 206 | want this link rendered, you can set its value to FALSE. |
| 207 | |
| 208 | $config['next_tag_open'] = '<div>'; |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 209 | =================================== |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 210 | |
| 211 | The opening tag for the "next" link. |
| 212 | |
| 213 | $config['next_tag_close'] = '</div>'; |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 214 | ===================================== |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 215 | |
| 216 | The closing tag for the "next" link. |
| 217 | |
| 218 | ******************************* |
| 219 | Customizing the "Previous" Link |
| 220 | ******************************* |
| 221 | |
| 222 | $config['prev_link'] = '<'; |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 223 | ============================== |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 224 | |
| 225 | The text you would like shown in the "previous" page link. If you do not |
| 226 | want this link rendered, you can set its value to FALSE. |
| 227 | |
| 228 | $config['prev_tag_open'] = '<div>'; |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 229 | =================================== |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 230 | |
| 231 | The opening tag for the "previous" link. |
| 232 | |
| 233 | $config['prev_tag_close'] = '</div>'; |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 234 | ===================================== |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 235 | |
| 236 | The closing tag for the "previous" link. |
| 237 | |
| 238 | *********************************** |
| 239 | Customizing the "Current Page" Link |
| 240 | *********************************** |
| 241 | |
| 242 | $config['cur_tag_open'] = '<b>'; |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 243 | ================================ |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 244 | |
| 245 | The opening tag for the "current" link. |
| 246 | |
| 247 | $config['cur_tag_close'] = '</b>'; |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 248 | ================================== |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 249 | |
| 250 | The closing tag for the "current" link. |
| 251 | |
| 252 | **************************** |
| 253 | Customizing the "Digit" Link |
| 254 | **************************** |
| 255 | |
| 256 | $config['num_tag_open'] = '<div>'; |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 257 | ================================== |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 258 | |
| 259 | The opening tag for the "digit" link. |
| 260 | |
| 261 | $config['num_tag_close'] = '</div>'; |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 262 | ==================================== |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 263 | |
| 264 | The closing tag for the "digit" link. |
| 265 | |
| 266 | **************** |
| 267 | Hiding the Pages |
| 268 | **************** |
| 269 | |
| 270 | If you wanted to not list the specific pages (for example, you only want |
| 271 | "next" and "previous" links), you can suppress their rendering by |
| 272 | adding:: |
| 273 | |
| 274 | $config['display_pages'] = FALSE; |
| 275 | |
Andrey Andreev | 88c4727 | 2012-06-17 02:32:31 +0300 | [diff] [blame] | 276 | **************************** |
| 277 | Adding attributes to anchors |
| 278 | **************************** |
Derek Jones | 8ede1a2 | 2011-10-05 13:34:52 -0500 | [diff] [blame] | 279 | |
Andrey Andreev | 88c4727 | 2012-06-17 02:32:31 +0300 | [diff] [blame] | 280 | If you want to add an extra attribute to be added to every link rendered |
| 281 | by the pagination class, you can set them as key/value pairs in the |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 282 | "attributes" config:: |
Andrey Andreev | 5a1e5e3 | 2012-06-12 11:28:26 +0300 | [diff] [blame] | 283 | |
Andrey Andreev | 88c4727 | 2012-06-17 02:32:31 +0300 | [diff] [blame] | 284 | // Produces: class="myclass" |
| 285 | $config['attributes'] = array('class' => 'myclass'); |
Andrey Andreev | 5a1e5e3 | 2012-06-12 11:28:26 +0300 | [diff] [blame] | 286 | |
Andrey Andreev | 88c4727 | 2012-06-17 02:32:31 +0300 | [diff] [blame] | 287 | .. note:: Usage of the old method of setting classes via "anchor_class" |
| 288 | is deprecated. |
Andrey Andreev | 5a1e5e3 | 2012-06-12 11:28:26 +0300 | [diff] [blame] | 289 | |
Andrey Andreev | 88c4727 | 2012-06-17 02:32:31 +0300 | [diff] [blame] | 290 | ***************************** |
| 291 | Disabling the "rel" attribute |
| 292 | ***************************** |
Andrey Andreev | 5a1e5e3 | 2012-06-12 11:28:26 +0300 | [diff] [blame] | 293 | |
Andrey Andreev | 88c4727 | 2012-06-17 02:32:31 +0300 | [diff] [blame] | 294 | By default the rel attribute is dynamically generated and appended to |
| 295 | the appropriate anchors. If for some reason you want to turn it off, |
| 296 | you can pass boolean FALSE as a regular attribute |
Andrey Andreev | 5a1e5e3 | 2012-06-12 11:28:26 +0300 | [diff] [blame] | 297 | |
Andrey Andreev | 88c4727 | 2012-06-17 02:32:31 +0300 | [diff] [blame] | 298 | :: |
Andrey Andreev | 5a1e5e3 | 2012-06-12 11:28:26 +0300 | [diff] [blame] | 299 | |
Andrey Andreev | f4bee9b | 2014-01-03 13:19:49 +0200 | [diff] [blame] | 300 | $config['attributes']['rel'] = FALSE; |
| 301 | |
| 302 | *************** |
| 303 | Class Reference |
| 304 | *************** |
| 305 | |
| 306 | .. class:: CI_Pagination |
| 307 | |
| 308 | .. method:: initialize([$params = array()]) |
| 309 | |
| 310 | :param array $params: Configuration parameters |
| 311 | :returns: void |
| 312 | |
| 313 | Initializes the Pagination class with your preferred options. |
| 314 | |
| 315 | .. method:: create_links() |
| 316 | |
| 317 | :returns: string |
| 318 | |
| 319 | Returns a "pagination" bar, containing the generated links or an empty string if there's just a single page. |