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)
 
adidas stan smith de piel con cordones azul
Posts: 2777
Comment
Yellow686
Reply #8 on : Mon November 26, 2018, 21:19:51
<a href="http://www.basketballownage.com/category/best-nike-zoom-lebron-vi-the-lebrons-wise">best nike zoom lebron vi the lebrons wise</a><a href="http://www.basketballownage.com/cheap-store/adidas-originals-zx-flux-adv-j-black-mesh-youth">adidas originals zx flux adv j black mesh youth</a><a href="http://www.basketballownage.com/classic_trainers/mens-nike-sb-blazer-zoom-low-xt-864348-101">mens nike sb blazer zoom low xt 864348 101</a><a href="http://www.basketballownage.com/clearance/adidas-zx-750-may-2013">adidas zx 750 may 2013</a>
adidas stan smith de piel con cordones azul http://www.cherrycreekclubapartments.com/scarpe/adidas-stan-smith-de-piel-con-cordones-azul
nike shox nz shoes mens black grey lime
Posts: 2777
Comment
Template637
Reply #7 on : Tue January 01, 2019, 17:35:33
<a href="http://www.miguellunarpelukeros.com/en-us-shop/adidas-nmd-r1-linen-khaki">adidas nmd r1 linen khaki</a><a href="http://www.miguellunarpelukeros.com/factory-sale/air-jordan-1-flight-suit">air jordan 1 flight suit</a><a href="http://www.miguellunarpelukeros.com/fake/air-jordan-11-low-unc-shoes">air jordan 11 low unc shoes</a><a href="http://www.miguellunarpelukeros.com/fashion-deals/mens-nike-air-max-1-n7-acid-wash-white-midnight-navy-sea-blue-restock">mens nike air max 1 n7 acid wash white midnight navy sea blue restock</a>
nike shox nz shoes mens black grey lime http://www.mamieencavale.com/outlet-brands/nike-shox-nz-shoes-mens-black-grey-lime
air jordan 5 retro gris blanc
Posts: 2777
Comment
Gerald745
Reply #6 on : Thu January 10, 2019, 01:36:28
<a href="http://www.atmospheredisplays.com/butik/nike-air-max-1-ultra-2-0-herren">nike air max 1 ultra 2 0 herren</a><a href="http://www.atmospheredisplays.com/butikk/zapatillas-reebok-question-mid-lebron">zapatillas reebok question mid lebron</a><a href="http://www.atmospheredisplays.com/chaussure/chaussure-air-jordan-iii-womens-suede-beige-rose">chaussure air jordan iii womens suede beige rose</a><a href="http://www.atmospheredisplays.com/en-ligne/nike-air-max-90-alphabet-m%c4%99skie">nike air max 90 alphabet m?skie</a>
air jordan 5 retro gris blanc http://www.christmasimagespictures.com/chaussure/air-jordan-5-retro-gris-blanc
cheap nike kyrie 4 year of the monkey
Posts: 2777
Comment
Website439
Reply #5 on : Fri January 18, 2019, 04:21:10
<a href="http://www.probarandevents.com/2018_sneakers/nike-air-max-90-grigio-rosso-uomini-nero-sport-scarpe">nike air max 90 grigio rosso uomini nero sport scarpe</a><a href="http://www.probarandevents.com/2019_sneakers/presto-buty-damskie-nowe">presto buty damskie nowe</a><a href="http://www.probarandevents.com/60_off/adidas-zx-flux-em-scarpe-da-corsa-uomo">adidas zx flux em scarpe da corsa uomo</a><a href="http://www.probarandevents.com/botique/nike-air-huarache-run-ultra-gs-chaussures-de-running-entrainement-fille">nike air huarache run ultra gs chaussures de running entrainement fille</a>
cheap nike kyrie 4 year of the monkey http://www.ilovesgcondo.com/search_for/cheap-nike-kyrie-4-year-of-the-monkey
comprar nike force one blancas baratas espa?a outlet online
Posts: 2777
Comment
Marit813
Reply #4 on : Wed March 27, 2019, 22:49:26
<a href="http://www.coloriageonline.com/for_sale/air-jordan-1-low-obsidian-553558-481-dames">air jordan 1 low obsidian 553558 481 dames</a><a href="http://www.coloriageonline.com/freern/nike-air-vapormax-plus-cool-grey-herr">nike air vapormax plus cool grey herr</a><a href="http://www.coloriageonline.com/international/nike-air-max-infariate-2">nike air max infariate 2</a><a href="http://www.coloriageonline.com/kanye/nike-air-max-95-rebel-skulls-schoenen">nike air max 95 rebel skulls schoenen</a>
comprar nike force one blancas baratas espa?a outlet online http://www.lasaisonbyjb.com/pure/comprar-nike-force-one-blancas-baratas-espa%c3%b1a-outlet-online
y 3 adidas by yohji yamumoto yohji yamamoto sneaker adidas slippers
Posts: 2777
Comment
Maaike344
Reply #3 on : Sun April 28, 2019, 05:36:33
<a href="http://www.zilvermine.com/particular/boys-nike-team-hustle-d8-3.5-7-high-top-basketball-mujer">boys nike team hustle d8 3.5 7 high top basketball mujer</a><a href="http://www.zilvermine.com/photo/new-balance-1100-black-dame">new balance 1100 black dame</a><a href="http://www.zilvermine.com/puma/kj%c3%b8p-herre-nike-air-max-95-sko-svart-grey-citrus-749766">kj?p herre nike air max 95 sko svart grey citrus 749766</a><a href="http://www.zilvermine.com/roshe/nike-air-jordan-retro-15-herr">nike air jordan retro 15 herr</a>
y 3 adidas by yohji yamumoto yohji yamamoto sneaker adidas slippers http://www.ontariofarriersassociation.com/suedes/y-3-adidas-by-yohji-yamumoto-yohji-yamamoto-sneaker-adidas-slippers
adidas zapatilla moda hombre court vulc
Posts: 2777
Comment
Phusion19
Reply #2 on : Sun May 12, 2019, 13:12:41
<a href="http://www.allekleurplaten.com/catalogue/nike-air-presto-fleece-grey-damskie">nike air presto fleece grey damskie</a><a href="http://www.allekleurplaten.com/cheap/nike-air-max-95-36">nike air max 95 36</a><a href="http://www.allekleurplaten.com/converse/chaussure-nike-air-footscape-woven-pour-femme-gris-loup-gris-fonc%c3%a9-noir-917698-004">chaussure nike air footscape woven pour femme gris loup gris fonc? noir 917698 004</a><a href="http://www.allekleurplaten.com/cortez/nike-air-max-270-ah6789-402-wmns-herr">nike air max 270 ah6789 402 wmns herr</a>
adidas zapatilla moda hombre court vulc http://www.thecolorfulperspective.com/coming_soon/adidas-zapatilla-moda-hombre-court-vulc
Marcia
Posts: 2777
Comment
Re: Pager Widget
Reply #1 on : Sat August 31, 2019, 14:37:18
Lot of factories in China are flooding the market with unlicensed, counterfeit
jerseys. They shrewd. They know that even in tough economic times, sports is recession proof, Delorme said.
This is hard to believe. Ex wife, Gina, told the Union Tribune San Diego that he texted her
and each of their three children separate messages: love you.
All in shock, she said.

Cheap Jerseys china Of course all of this bonus functionality would be for naught if the game didn't play well.
But, as has been the case for all of the games in Sega's NHL 2K franchise, before and after
the ESPN merger, ESPN NHL 2K5 sports great hockey physics and plays splendidly.
With the exception of a few additions, the controls have been left largely untouched from previous versions of the game.

Cheap Jerseys china

Cheap Jerseys free shipping The media has been purchased by
megacorporations and receives grants from the
government never is the truth wholly told. The government lied to the public during the Vietnam War and
in fact, few people know today that the war was an attempt to keep Vietnam as a colony of France the
same reason why the colonies of America revolted.
The next secret war of the US Army is always around the corner,
when the US imperialist government overthrows a democratically elected president and supports their own dictator
in South American nations. Cheap Jerseys free shipping

cheap nfl jerseys Researchers of the UCL Eastman Dental Institute found that 67 percent of tested retainer wearers had yeasts
living on their retainers, while around 50
percent had bacterias including MRSA, a bacteria that can lead to dangerous infections.
Retainers that aren't properly cleaned have a pretty good
chance of fostering these harmful microbes. This said, the problem mostly
arises from people who keep their retainers in a case and
barely rinse them with water before popping them back in at night.
cheap nfl jerseys

Cheap Jerseys free shipping Put that together so that we could consolidate our alerting systems.
So a lot of effort was put into normalizing our alerts, so they can be inserted into the bus, as well as other types of events such as people publishing new DNS records, coming and going through our corporate office through the
doors so that we have a security record of it, people logging in and out of phones that sort of thing.
Course a big part of LogicOps is how it has helped Logicworks
become much more efficient and organized.
Cheap Jerseys free shipping

wholesale nfl jerseys from china But arrival had done nothing to stifle optimism and they were clear favourites to beat the Welsh in the quarter final in Brisbane.
The ramifications of what ensued are with us still.

At Ballymore, England were so bad in their 16 3
defeat that Alan Grimsdell, Rugby Football Union president of the day, called it 'one of the most inept team performances
it has been my misfortune to witness', and threw in the word
'humiliation' for bad measure.. wholesale nfl jerseys from
china

Cheap Jerseys from china I know this because I'm in the first category.
I can drink enough that, when someone offered up the idea of shooting a high powered rifle at my bachelor party last weekend, it sounded
like the most revolutionary idea ever to me. However,
I am not good enough at drinking to not have this giant gash
above my right eye from where the rifle scope kicked back at me, leaving
me bleeding all over the package of mini bottles that I'd had for lunch..

Cheap Jerseys from china

Cheap Jerseys free shipping "I've had this on for about two months,"
Badu says of the outfit she's wearing shiny black overalls,
sky high top hat and a chambray button up with a wooden bow tie that
reads "HELLO"). "It was the last thing I had on at Soul Train. (and) I haven't had a break since then.".
Cheap Jerseys free shipping

cheap nfl jerseys 'It's my data, and I felt I should be entitled to that,' she says.
'I contacted members of staff to collect it but before I could get any, Shane phoned me
and said, "How dare I call his staff" for my information. A meeting we
had scheduled to further explain why my contract hadn't been renewed was cancelled.'.
cheap nfl jerseys

wholesale jerseys from china That might sound like the tent city exists as an island under its own laws.

And, well, it sort of does. The local police tend to leave the tent cities
alone, in some cases refusing to go inside, because, to quote a source in Nickelsville quoting a cop, "If we evicted one of you, we'd have to evict all of you." In lieu
of braving the shank forest that they assume a homeless camp
must be, the police tend to let the tent city's elected officials deal with
matters themselves wholesale jerseys from china.


wholesale nfl jerseys
First | Previous | Showing comments 2741 to 2748 of 2748

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.