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)
 
Cheap Air Jordans For Sale
Posts: 2758
Comment
Better426
Reply #19 on : Thu June 23, 2016, 08:46:19
The use fake oakley sunglasses of the sun mirror is no longer to purely use to cover sunlight, protection
[url=http://www.russelllechard.com/demo3/discussion/85401/air-jordans-cheap-for-sale-review]Cheap Air Jordans For Sale[/url]
Cheap Air Jordans For Sale
Posts: 2758
Comment
URLs814
Reply #18 on : Thu June 23, 2016, 08:47:01
was the winner and later became the Grand Champion of the IX Paso Fino Mundial.
Cheap Air Jordans For Sale http://support.tradextrem.com/en/discussion/207518/cheap-air-jordans-for-sale-from-china
aosilver
Posts: 2758
Comment
Better416
Reply #17 on : Sat June 25, 2016, 20:47:21
Do you have a good sense of humor .
aosilver http://lhcathomeclassic.cern.ch/sixtrack/view_profile.php?userid=399967
gas nozzles
Posts: 2758
Comment
http://www.zebbrapub.it/tag/gas-nozzles
Reply #16 on : Wed August 17, 2016, 12:12:59
Spray nozzle is of high degree accuracy and intractable. On the basis of spray nozzle processing, www.spray-nozzle.net is developing precision finishing of hareware parts industry. Changyuan Co., Ltd. has twenty Japan-made CNC automatic lathes whose precision can reach 2 micro or below and several sets of five spindle lathes whose orifice precision can reach 0.10mm. All the advanced equipments ensure that we can supply good quality products to our customers.
[url=http://www.zebbrapub.it/tag/gas-nozzles]gas nozzles[/url]
<a href="http://www.zebbrapub.it/tag/gas-nozzles" title="gas nozzles">gas nozzles</a>
Monserrate
Posts: 2758
Comment
Re: Pager Widget
Reply #15 on : Sat September 17, 2016, 22:08:26
eagles jerseys cheap ?h?re to buy cheap nba jerseys online
seo plugin
Posts: 2758
Comment
Genetic686
Reply #14 on : Fri September 30, 2016, 01:24:17
Hello Web Admin, I noticed that your On-Page SEO is is missing a few factors, for one you do not use all three H tags in your post, also I notice that you are not using bold or italics properly in your SEO optimization. On-Page SEO means more now than ever since the new Google update: Panda. No longer are backlinks and simply pinging or sending out a RSS feed the key to getting Google PageRank or Alexa Rankings, You now NEED On-Page SEO. So what is good On-Page SEO?First your keyword must appear in the title.Then it must appear in the URL.You have to optimize your keyword and make sure that it has a nice keyword density of 3-5% in your article with relevant LSI (Latent Semantic Indexing). Then you should spread all H1,H2,H3 tags in your article.Your Keyword should appear in your first paragraph and in the last sentence of the page. You should have relevant usage of Bold and italics of your keyword.There should be one internal link to a page on your blog and you should have one image with an alt tag that has your keyword....wait there's even more Now what if i told you there was a simple Wordpress plugin that does all the On-Page SEO, and automatically for you? That's right AUTOMATICALLY, just watch this 4minute video for more information at. <a href="http://www.SEORankingLinks.com">Seo Plugin</a>
[url=http://www.SEORankingLinks.com/]seo plugin[/url]
Karinthia
Posts: 2758
Comment
Hur i h har du fått
Reply #13 on : Wed March 01, 2017, 08:14:48
Hur i h har du fått så mycket garrcseome?Då måste du ju ha alla spel väll?Har själv 28297g och det känns mycket men nu när jag sett din gamerscore så har jag lååååångt kvar O_OTack för tipset på elite hoppet ska göra det då jag kommer dit.
Lynell
Posts: 2758
Comment
I have plenty of res
Reply #12 on : Wed March 01, 2017, 08:23:41
I have plenty of respect for nurses, they have a tricky job, but still many people are attracted to this job. I found some excellent inrciuttson on the site in the box below, it guided my sister to set out on the road to becoming a nurse, she is in her first term of training now.
January
Posts: 2758
Comment
l’impossible p
Reply #11 on : Wed March 01, 2017, 08:28:46
l’impossible partage de certaines de vos idées,nos visions peuvent être comme des variations étsigmaÂiques.J&rnquo;espère que vous faîtes parti comme nous de la société des généreux.
Florence
Posts: 2758
Comment
Everything about tha
Reply #10 on : Wed March 01, 2017, 08:55:43
Everything about that scene is tragic because its not a funeral for Tracey, its a funeral for Firefly. The acting, the music, Joss cameo, the knowledge that this is almost the end. Every time its just whyyyyyyyyyyyyyyy
First | Previous | Showing comments 2711 to 2720 of 2729 | 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.