cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
518
Views
5
Helpful
1
Replies

Is it possible to control Custom Pagination via Javascript?

esramasa
Cisco Employee
Cisco Employee

Need a mechanism to disable/enable Custom Pages based on the values/options selected in previous page dictionaries.. Can we do this via Javascript?

1 Reply 1

  1. include the javascript using <script src="pager.js"> in your page header;
  2. include a small css to skin the page navigation-bar (i.e. for emphasizing the selected page using bold and underline style);
  3. define an ID on the table you want to scroll. i.e. <table id="results"> ;
  4. place an empty <div/> in the place you want to display the navigation bar. i.e. <div id="pageNavPosition"> ;
  5. include an initialization script at the bottom of your page like this:
    <script type="text/javascript"><!--
        var pager = new Pager('results', 3); 
        pager.init(); 
        pager.showPageNav('pager', 'pageNavPosition'); 
        pager.showPage(1);
    //--></script>
    Where 'results' is the id of the table (see step #3), 3 is the number of records per page, 'pager' is the name of the variable (in red... that's ugly I agree...), and pageNavPosition is the ID of the DIV inside of which the pagination bar will be placed. The showPage(1) indicates that, when loading the page, the 1st one should be displayed.
Getting Started

Find answers to your questions by entering keywords or phrases in the Search bar above. New here? Use these resources to familiarize yourself with the community: