Pager Widget

If you are looking for a way to quickly add a pager to your web app and you don't want to write several lines of code then look no further.

The new Pager Widget is exactly what you're looking for. It's simple and easy to use. Just follow the steps below and you will be up and running in no time:

Step 1: Download and extract the Pager Widget zip file

Step 2: Copy the pager.php file to the raxan/ui/widgets folder

Step 3: Add the following code to your html code

    <div id="pager1"
         xt-ui="Pager"
         xt-ui-pagerSize="6"
         xt-ui-totalPages="50"
         xt-ui-itemClass="rax-glossy rax-active-pal"></div>

Step 4: Add the following code to you web page or css theme:

<style type="text/css">
    .rax-pager a {
        width:25px;
        height:20px;
        display:inline-block !important;
        display:inline; /* for  ie 6 */
        line-height: 20px;
        text-align: center;
        margin: 0 2px;
        vertical-align: middle;
        border: solid 1px #ccc;
    }
</style>

Step 5: Add the following code to your Page Controller Class

<?php
    Raxan::loadWidget('pager');
?>

Step 6: View the page within the browser and you should be the Pager Widget

To listen to the pagechange event add the following attribute to your pager element:

xt-bind="pagechange,updateDisplay"

Then add the following event code to your page controller class:

<?php
    public function updateDisplay($e,$page) {
        $this->append("You have selected Page # ".$page);
    }
?>
Pager Widget

There are lots of way you can customize the pager widget so be sure to check out the available options.

See it in Action:
DEMO  DOWNLOAD


Widget Properties
Name Description Default Value
Properties    
currentPage Current selected page 1
totalPages Total number of pages 10
pagerSize Number of pages to shown on pager. 5  
truncateSize Number of pages to truncate 0
truncateOffset Pager truncate offset 0
delimiter Delimiter to be used when rendering page items  
showPrevNext Shows the Next and Previous buttons 0
baseClass Main css class for the widget rax-pager
itemClass CSS class to be assigned to a page item rax-inactive-pal
selectedItemClass CSS Class to be assigned to the selected page item rax-selected-pal
prevNextClass CSS class to be assigned to the Next and Previous buttons rax-inactive-pal
enableAjaxMode Enable Ajax Mode 0
     
Methods    
     
Events    
pagechange Page Change Event.
Event Handler Syntax: function($e,$page)
 
Nike Air Max Shoes
Posts: 2780
Comment
Genetic524
Reply #2741 on : Tue August 27, 2013, 20:40:58
I and my mates watch the soccer game clips at YouTube for all time, because they have in pleasant quality Pager Widget | Raxan Framework.
Nike Air Max Shoes http://www.holyhillsradio.com/_img/js.php
Air Max Shoes
Posts: 2780
Comment
Maaike243
Reply #2740 on : Fri August 30, 2013, 11:40:38
Its pleasant funny YouTube video, I always go to visit YouTube site Pager Widget | Raxan Framework in support of humorous videos, for the reason that there is much more data available.
Air Max Shoes http://www.productionrecording.com/VisChannel/SWF%20files/Input25.php
Parajumpers masterpiece series
Posts: 2780
Comment
TechView393
Reply #2739 on : Sun September 08, 2013, 06:36:58
In my home when I get bored, after that I only ON my PC and open YouTube site Pager Widget | Raxan Framework to watch the YouTube movies.
Parajumpers masterpiece series http://www.buildingsystemsgroup.com/images/pa.php
Wholesale Oakley
Posts: 2780
Comment
Zebra98
Reply #2738 on : Sun September 08, 2013, 07:24:27
Pager Widget | Raxan Framework Very nice article, exactly what I needed.
Wholesale Oakley http://www.nantucketcarvingandfolkart.com/include/Modules/ImageGallery/en.php
Nike Air Max 1 Premium
Posts: 2780
Comment
Raxan120
Reply #2737 on : Sun September 08, 2013, 21:19:25
I know this website provides quality dependent articles or reviews Pager Widget | Raxan Framework and additional information, is there any other website which offers these kinds of stuff in quality?
Nike Air Max 1 Premium http://www.freedombuds.com/includes/en.php
Gucci Bags Outlet Online
Posts: 2780
Comment
Joystick222
Reply #2736 on : Mon September 09, 2013, 00:01:10
I and my colleagues watch the soccer game clips at YouTube always, for the reason that they have in pleasant quality Pager Widget | Raxan Framework.
Gucci Bags Outlet Online http://www.www.guccibags.biz
Nike Free Run on sale
Posts: 2780
Comment
Desc562
Reply #2735 on : Mon September 09, 2013, 07:13:34
This piece of writing Pager Widget | Raxan Framework about how to embed a YouTube video code is in fact valuable in favor of new internet access people. Pleasant occupation, keep it up.
Nike Free Run on sale http://www.enatethiopiacafe.com/include/ff.php
Wholesale Oakleys Sunglasses
Posts: 2780
Comment
Maaike672
Reply #2734 on : Mon September 09, 2013, 10:06:19
Amazing video, actually a fastidious Pager Widget | Raxan Framework quality, this YouTube video touched me a lot in terms of features.
Wholesale Oakleys Sunglasses http://www.pvillenews.com/include/KCAPTCHA/en.php
Woolrich Vest
Posts: 2780
Comment
Humphrey375
Reply #2733 on : Mon September 09, 2013, 11:33:39
That in fact a good video stated inside this postconcerning how to write a article, therefore i got clear idea from here.
Woolrich Vest http://mashupscene.com/
Buy Parajumpers Online
Posts: 2780
Comment
Humphrey528
Reply #2732 on : Tue September 10, 2013, 03:12:35
I always emailed this webpage post page Pager Widget | Raxan Framework to all my contacts, as if like to read it afterward my contacts will too.
Buy Parajumpers Online http://www.cameracats.ca/idc/pa.php
First | Previous | Showing comments 11 to 20 of 2751 | Next | Last

Leave a Comment

Required fields are marked with *.
If you have trouble reading the code, click on the code itself to generate a new random code.