codepaste

test

// Static instances array in which we'll keep all the instances of SortableData
	SortableData.instances = [];
	
	function SortableData( data, headings, settings ) {
	
		this.data = data;
		this.headings = headings;
		this.settings = settings;
		
		// Add this to the static SortableData object for whatsit... access from HTML
		this.id = SortableData.instances.length;
		SortableData.instances.push( this );

this.page = 0;
		this.page_size = 0;
				
		this.sort_key = null;
		this.reverse = false;
		
		/*
		 * Sorting the array based on a specific field.
		 * @param fieldIndex int which field to sort on.
		 */
		this.sort = function( fieldIndex ) {
			// The comparison function for array sort
			var sortCompare = function( type, key, a, b, reverse ) {
				// Values to compare
				var one = a[key];
				var two = b[key];
				
				// What to do in different type situations
				var result = 0;
				switch( type ) {
					case 'String':
						result = ( two < one ) - ( one < two );
						break;
					case 'Number':
						result = one - two;
						break;
				}
				// flip the result
				if ( reverse )
					return 0 - result;
				return result;
			}
			
			var sortFunction = null;
			var type = this.headings[fieldIndex].type;
			
			if ( type == 'unsortable')
				return;
				
			var key = this.headings[fieldIndex].key;
			reverse = false;
			if ( this.sort_key == key ) 
				reverse = !this.reverse;
			this.sort_key = key;
			this.reverse = reverse;
			
			// Create the appropriate sort function to pass to  array.sort
			switch( type ) {
				case 'String':
					sortFunction = function( a,b ) {  return sortCompare( 'String', key, a, b, reverse ); };
					break;
				case 'Number':
					sortFunction = function( a,b ) { return sortCompare( 'Number', key, a, b, reverse ); };
					break;
			}
			// Don't sort it if it's not a valid type
			if ( sortFunction != null ) {
				this.data = this.data.sort( sortFunction );
				this.page = 0;
			}
			
		};
		
		
		/**
		 * Create and update the HTML for the table.
		 */
		this.redraw = function() {
			var out = "";
			// Pages
			if ( this.page_size > 0 ) {
				var total_pages = this.data.length/this.page_size;
				out += "<ul class=\"pages\">";
				for( var k=0; k < total_pages; k++ ) {
					out += "<li" + ( ( k == this.page ) ? " class=\"current\" " : "" ) 
						+ " onclick=\"SortableData.showPage(" + this.id + ", " + k + ");\">" + (k+1) + "</li>";
				}
				out += "</ul>";
			}
			
			// Data table
			out += "<table>";
			out += "<tr>";
			// Headings
			for ( var t=0; t < this.headings.length; t++ ) 
				out += "<th " + ( ( this.sort_key == this.headings[t].key ) ? "class=\"sorted_by" + ( ( this.reverse ) ? " reverse" : "" ) + "\" " : "" )
					+ "onclick=\"SortableData.sortOn("+this.id+", '" + t +"');\">" + this.headings[t].value + "</th>";
			out += "</tr>";
			// Data
			for( var i=this.page_size*this.page; (i < this.data.length) && ( this.page_size == 0 || i < (this.page+1)*this.page_size ); i++ ) {
				out += "<tr>";
				for ( var j=0; j < this.headings.length; j++ ) {
					out += "<td>" + this.data[i][this.headings[j].key] + "</td>";
				}
				out += "</tr>";
			}
			out += "</table>";
			
			// Update, if applicable
			var container = document.getElementById("_SortableData_" + this.id);
			if ( container != null &&  typeof( container ) !=='undefined' ) {
				container.innerHTML = out;
			}
			return out;
		};
			
		/**
		 * Fake constructor function.
		 */
		this.init = function() {			
			// Overwrite default data with data from the settings object
			if ( this.settings != null && typeof(this.settings) !== 'undefined' ) {
				for( var key in this.settings ) {
					if ( this.hasOwnProperty( key ) && typeof( this[key] ) !== 'undefined' )
						this[key] = this.settings[key];
				}
			}
			
			// Create the container object
			var out = "<div id=\"_SortableData_" + this.id + "\" class=\"sortable\">";
			out += this.redraw();
			out += "</div>";
			// Output it
			document.write( out );
		}
		// Execute the init() function!
		this.init();
	};

/**
	 * Change the page a table is showing.
	 * A static function that acts on a specific SortableData instance, by id.
	 * @param sdid the SortableData object's id.
	 * @param page which page to go to.
	 */
	SortableData.showPage = function( sdid, page ) {
		if ( sdid >= 0 && sdid < SortableData.instances.length ) {
			SortableData.instances[sdid].page = page;
			SortableData.instances[sdid].redraw( );
		}
	};
	
	/**
	 * Sort a table on a new column.
	 * A static function that acts on a specific SortableData instance, by id.
	 * @param sdid the SortableData object's id.
	 * @param page which page to go to.
	 */
	SortableData.sortOn = function( sdid, field ) {
		if ( sdid >= 0 && sdid < SortableData.instances.length ) {
			SortableData.instances[sdid].sort( field );
			SortableData.instances[sdid].redraw( );
		}
	}