1 Replies - 16993 Views - Last Post: 06 July 2011 - 02:00 PM

#1 xtremer360   User is offline

  • D.I.C Head

Reputation: -2
  • View blog
  • Posts: 125
  • Joined: 03-March 11

Not Displaying Page Links

Posted 05 July 2011 - 11:03 AM

I'm using the tablesorter.pager plugin and I'm not sure why its not displaying the page links. Any ideas onto why?

(function($) {
	$.extend({
		tablesorterPager: new function() {
			
			function updatePageDisplay(c) {
				var s = $(c.cssPageDisplay,c.container).val((c.page+1) + c.seperator + c.totalPages);	
			}
			
			function setPageSize(table,size) {
				var c = table.config;
				c.size = size;
				c.totalPages = Math.ceil(c.totalRows / c.size);
				c.pagerPositionSet = false;
				moveToPage(table);
				fixPosition(table);
			}
			
			function fixPosition(table) {
				var c = table.config;
				if(!c.pagerPositionSet && c.positionFixed) {
					var c = table.config, o = $(table);
					if(o.offset) {
						c.container.css({
							top: o.offset().top + o.height() + 'px',
							position: 'absolute'
						});
					}
					c.pagerPositionSet = true;
				}
			}
			
			function moveToFirstPage(table) {
				var c = table.config;
				c.page = 0;
				moveToPage(table);
			}
			
			function moveToLastPage(table) {
				var c = table.config;
				c.page = (c.totalPages-1);
				moveToPage(table);
			}
			
			function moveToNextPage(table) {
				var c = table.config;
				c.page++;
				if(c.page >= (c.totalPages-1)) {
					c.page = (c.totalPages-1);
				}
				moveToPage(table);
			}
			
			function moveToPrevPage(table) {
				var c = table.config;
				c.page--;
				if(c.page <= 0) {
					c.page = 0;
				}
				moveToPage(table);
			}
						
			
			function moveToPage(table) {
				var c = table.config;
				if(c.page < 0 || c.page > (c.totalPages-1)) {
					c.page = 0;
				}
				
				renderTable(table, c.rowsCopy);
			}
			
			function renderTable(table,rows) {
				var c = table.config;
				var l = rows.length;
				var s = (c.page * c.size);
				var e = (s + c.size);
				if(e > rows.length ) {
					e = rows.length;
				}
                
                if (c.afterPagingCallBack) c.afterPagingCallBack();
				
				var tableBody = $(table.tBodies[0]);
				
				// clear the table body
				$.tablesorter.clearTableBody(table);
				
				for(var i = s; i < e; i++) {
					//tableBody.append(rows[i]);
					
					var o = rows[i];
					var l = o.length;
					for(var j=0; j < l; j++) {
						tableBody[0].appendChild(o[j]);
					}
				}
				
				fixPosition(table,tableBody);
				$(table).trigger("applyWidgets");
				if( c.page >= c.totalPages ) {
        			moveToLastPage(table);
				}
				updatePageDisplay(c);
			}
			
			this.appender = function(table,rows) {
				var c = table.config;
				
				c.rowsCopy = rows;
				c.totalRows = rows.length;
				c.totalPages = Math.ceil(c.totalRows / c.size);
				renderTable(table,rows);
			};
			
			this.defaults = {
				size: 1,
				offset: 0,
				page: 0,
				totalRows: 0,
				totalPages: 0,
				container: null,
				cssNext: '.next',
				cssPrev: '.prev',
				cssFirst: '.first',
				cssLast: '.last',
				cssPageDisplay: '.pagedisplay',
				cssPageSize: '.pagesize',
				cssPageLinks: 'a.pageLink',  // extension setting
				seperator: "/",
				positionFixed: false,  // defaulting this to false.  original value is true.
				appender: this.appender,
                afterPagingCallBack: null
			};
			
			this.construct = function(settings) {
				return this.each(function() {
					config = $.extend(this.config, $.tablesorterPager.defaults, settings);
					
					var table = this, 
					    pager = config.container;
				
					$(this).trigger("appendCache");
					
					var $pageSizeEl = $( ".pagesize", pager );
					if( $pageSizeEl.length > 0 )
						config.size = parseInt( $pageSizeEl.val() );
					
					$(config.cssFirst,pager).click(function() {
						moveToFirstPage(table);
						return false;
					});
					$(config.cssNext,pager).click(function() {
						moveToNextPage(table);
						return false;
					});
					$(config.cssPrev,pager).click(function() {
						moveToPrevPage(table);
						return false;
					});
					$(config.cssLast,pager).click(function() {
						moveToLastPage(table);
						return false;
					});
					$(config.cssPageSize,pager).change(function() {
						setPageSize(table,parseInt($(this).val()));
						return false;
					});
					
					// Extension code
					$( config.cssPageLinks, pager ).first().parent().addClass( 'current' ); // add the "currently selected" class to the first link
					
					$( config.cssPageLinks, pager ).click( function() {
						var $el = $(this);
						
						// Remove the "current" (selected) class from all links,
						// and then add it to the one that was just clicked.
						$( config.cssPageLinks, pager ).parent().removeClass( 'current' );
						$el.parent().addClass( 'current' );
						
						table.config.page = parseInt( $el.html() ) - 1;
						moveToPage( table );
						
						return false;
					} );
				});
			};
			
		}
	});
	
	// extend plugin scope
	$.fn.extend({
        tablesorterPager: $.tablesorterPager.construct
	});
	
})(jQuery);



$('#usersPageList').tablesorter().tablesorterPager({container:$('#usersPageList .pagination'),cssPageLinks:'a.pageLink'});



Is This A Good Question/Topic? 0
  • +

Replies To: Not Displaying Page Links

#2 xtremer360   User is offline

  • D.I.C Head

Reputation: -2
  • View blog
  • Posts: 125
  • Joined: 03-March 11

Re: Not Displaying Page Links

Posted 06 July 2011 - 02:00 PM

Any ideas?
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1