tablesorter/js/jquery.tablesorter.js

999 lines
31 KiB
JavaScript
Raw Normal View History

2011-06-22 23:19:27 +00:00
/*
* TableSorter 2.0 - Client-side table sorting with ease!
2012-01-30 15:58:58 +00:00
* Version 2.0.26
2011-06-22 23:19:27 +00:00
* @requires jQuery v1.2.3
*
* Copyright (c) 2007 Christian Bach
* Examples and docs at: http://tablesorter.com
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
2011-07-17 15:01:18 +00:00
* @description Create a sortable table with multi-column sorting capabilities
2011-06-22 23:19:27 +00:00
*
* @example $('table').tablesorter();
* @desc Create a simple tablesorter interface.
*
* @example $('table').tablesorter({ sortList:[[0,0],[1,0]] });
* @desc Create a tablesorter interface and sort on the first and secound column column headers.
*
* @example $('table').tablesorter({ headers: { 0: { sorter: false}, 1: {sorter: false} } });
* @desc Create a tablesorter interface and disableing the first and second column headers.
*
2011-08-01 03:15:17 +00:00
* @example $('table').tablesorter({ headers: { 0: {sorter:"digit"}, 1: {sorter:"currency"} } });
2011-06-22 23:19:27 +00:00
* @desc Create a tablesorter interface and set a column parser for the first and second column.
*
* @param Object settings An object literal containing key/value pairs to provide optional settings.
*
* @option String cssHeader (optional) A string of the class name to be appended to sortable tr elements in the thead of the table.
* Default value: "header"
*
* @option String cssAsc (optional) A string of the class name to be appended to sortable tr elements in the thead on a ascending sort.
* Default value: "headerSortUp"
*
* @option String cssDesc (optional) A string of the class name to be appended to sortable tr elements in the thead on a descending sort.
* Default value: "headerSortDown"
*
* @option String sortInitialOrder (optional) A string of the inital sorting order can be asc or desc.
* Default value: "asc"
*
* @option String sortMultisortKey (optional) A string of the multi-column sort key.
* Default value: "shiftKey"
*
* @option String textExtraction (optional) A string of the text-extraction method to use. For complex html structures inside td
* cell set this option to "complex", on large tables the complex option can be slow.
* Default value: "simple"
*
* @option Object headers (optional) An array containing the forces sorting rules. This option let's you specify a default sorting rule.
* Default value: null
*
* @option Array sortList (optional) An array containing the forces sorting rules. This option let's you specify a default sorting rule.
* Default value: null
*
* @option Array sortForce (optional) An array containing forced sorting rules. This option let's you specify a default sorting rule,
* which is prepended to user-selected rules.
* Default value: null
*
* @option Boolean sortLocaleCompare (optional) Boolean flag indicating whatever to use String.localeCampare method or not.
* Default set to true.
*
* @option Array sortAppend (optional) An array containing forced sorting rules. This option let's you specify a default sorting rule,
* which is appended to user-selected rules.
* Default value: null
*
* @option Boolean widthFixed (optional) Boolean flag indicating if tablesorter should apply fixed widths to the table columns.
* This is useful when using the pager companion plugin. This options requires the dimension jquery plugin.
* Default value: false
*
* @option Boolean cancelSelection (optional) Boolean flag indicating if tablesorter should cancel selection of the table headers text.
* Default value: true
*
* @option Boolean debug (optional) Boolean flag indicating if tablesorter should display debuging information usefull for development.
*
* @type jQuery
* @name tablesorter
* @cat Plugins/Tablesorter
* @author Christian Bach/christian.bach@polyester.se
* @contributor Rob Garrison/https://github.com/Mottie/tablesorter
2011-06-22 23:19:27 +00:00
*/
(function($){
$.extend({
tablesorter: new function(){
var parsers = [], widgets = [], tbl;
this.defaults = {
cssHeader: "header",
cssAsc: "headerSortUp",
cssDesc: "headerSortDown",
cssChildRow: "expand-child",
sortInitialOrder: "asc",
sortMultiSortKey: "shiftKey",
sortForce: null,
sortAppend: null,
sortLocaleCompare: false,
textExtraction: "simple",
parsers: {},
widgets: [],
widgetZebra: { css: ["even", "odd"] },
headers: {},
widthFixed: false,
cancelSelection: true,
sortList: [],
headerList: [],
2011-10-18 15:52:53 +00:00
dateFormat: "mmddyyyy", // other options: "ddmmyyy" or "yyyymmdd"
2011-06-22 23:19:27 +00:00
onRenderHeader: null,
selectorHeaders: 'thead th',
tableClass : 'tablesorter',
debug: false
};
/* debuging utils */
function log(s) {
if (typeof console !== "undefined" && typeof console.debug !== "undefined") {
console.log(s);
} else {
alert(s);
}
}
function benchmark(s, d) {
log(s + "," + (new Date().getTime() - d.getTime()) + "ms");
}
this.benchmark = benchmark;
2011-08-19 06:24:29 +00:00
function getElementText(config, node, cellIndex) {
var text = "", te = config.textExtraction;
2011-06-22 23:19:27 +00:00
if (!node) { return ""; }
if (!config.supportsTextContent) { config.supportsTextContent = node.textContent || false; }
2011-08-19 06:24:29 +00:00
if (te === "simple") {
2011-06-22 23:19:27 +00:00
if (config.supportsTextContent) {
text = node.textContent;
} else {
if (node.childNodes[0] && node.childNodes[0].hasChildNodes()) {
text = node.childNodes[0].innerHTML;
} else {
text = node.innerHTML;
}
}
} else {
2011-08-19 06:24:29 +00:00
if (typeof(te) === "function") {
text = te(node);
} else if (typeof(te) === "object" && te.hasOwnProperty(cellIndex)){
text = te[cellIndex](node);
2011-06-22 23:19:27 +00:00
} else {
text = $(node).text();
}
}
return text;
}
/* parsers utils */
function getParserById(name) {
var i, l = parsers.length;
for (i = 0; i < l; i++) {
if (parsers[i].id.toLowerCase() === name.toLowerCase()) {
return parsers[i];
}
}
return false;
}
function getNodeFromRowAndCellIndex(rows, rowIndex, cellIndex) {
return rows[rowIndex].cells[cellIndex];
}
2011-08-19 06:24:29 +00:00
function trimAndGetNodeText(config, node, cellIndex) {
return $.trim(getElementText(config, node, cellIndex));
2011-06-22 23:19:27 +00:00
}
function detectParserForColumn(table, rows, rowIndex, cellIndex) {
var i, l = parsers.length,
node = false,
nodeValue = '',
keepLooking = true;
while (nodeValue === '' && keepLooking) {
rowIndex++;
if (rows[rowIndex]) {
node = getNodeFromRowAndCellIndex(rows, rowIndex, cellIndex);
2011-08-19 06:24:29 +00:00
nodeValue = trimAndGetNodeText(table.config, node, cellIndex);
2011-06-22 23:19:27 +00:00
if (table.config.debug) {
log('Checking if value was empty on row:' + rowIndex);
}
} else {
keepLooking = false;
}
}
for (i = 1; i < l; i++) {
if (parsers[i].is(nodeValue, table, node)) {
return parsers[i];
}
}
// 0 is always the generic parser (text)
return parsers[0];
}
function buildParserCache(table, $headers) {
if (table.tBodies.length === 0) { return; } // In the case of empty tables
2011-08-23 14:07:28 +00:00
var rows = table.tBodies[0].rows, list, cells, l, h, i, p, parsersDebug = "";
2011-06-22 23:19:27 +00:00
if (rows[0]) {
list = [];
cells = rows[0].cells;
l = cells.length;
for (i = 0; i < l; i++) {
p = false;
2011-08-23 14:07:28 +00:00
h = $($headers[i]);
if ($.metadata && (h.metadata() && h.metadata().sorter)) {
p = getParserById(h.metadata().sorter);
2011-06-22 23:19:27 +00:00
} else if ((table.config.headers[i] && table.config.headers[i].sorter)) {
p = getParserById(table.config.headers[i].sorter);
2011-08-23 14:07:28 +00:00
} else if (h.attr('class') && h.attr('class').match('sorter-')){
2011-08-04 06:24:26 +00:00
// include sorter class name "sorter-text", etc
2011-08-23 14:07:28 +00:00
p = getParserById(h.attr('class').match(/sorter-(\w+)/)[1] || '');
2011-06-22 23:19:27 +00:00
}
if (!p) {
p = detectParserForColumn(table, rows, -1, i);
}
if (table.config.debug) {
parsersDebug += "column:" + i + " parser:" + p.id + "\n";
}
list.push(p);
}
}
if (table.config.debug) {
log(parsersDebug);
}
return list;
}
/* utils */
function buildCache(table) {
2011-08-23 14:07:28 +00:00
var b = table.tBodies[0],
totalRows = (b && b.rows.length) || 0,
totalCells = (b.rows[0] && b.rows[0].cells.length) || 0,
2011-06-22 23:19:27 +00:00
parsers = table.config.parsers,
cache = {
row: [],
normalized: []
},
t, i, j, c, cols, cacheTime;
2011-06-22 23:19:27 +00:00
if (table.config.debug) {
cacheTime = new Date();
}
for (i = 0; i < totalRows; ++i) {
/** Add the table data to main data array */
2011-08-23 14:07:28 +00:00
c = $(b.rows[i]);
2011-06-22 23:19:27 +00:00
cols = [];
2011-10-18 15:52:53 +00:00
// if this is a child row, add it to the last row's children and continue to the next row
2011-06-22 23:19:27 +00:00
if (c.hasClass(table.config.cssChildRow)) {
cache.row[cache.row.length - 1] = cache.row[cache.row.length - 1].add(c);
// go to the next for loop
continue;
}
cache.row.push(c);
for (j = 0; j < totalCells; ++j) {
2011-12-14 17:37:55 +00:00
t = trimAndGetNodeText(table.config, c[0].cells[j], j);
// don't bother parsing if the string is empty - previously parsing would change it to zero
cols.push( t === '' ? '' : parsers[j].format(t, table, c[0].cells[j], j));
2011-06-22 23:19:27 +00:00
}
cols.push(cache.normalized.length); // add position for rowCache
cache.normalized.push(cols);
}
if (table.config.debug) {
benchmark("Building cache for " + totalRows + " rows:", cacheTime);
}
2011-09-13 22:55:31 +00:00
table.config.cache = cache;
2011-06-22 23:19:27 +00:00
return cache;
}
function getWidgetById(name) {
2011-09-13 22:55:31 +00:00
var i, w, l = widgets.length;
2011-06-22 23:19:27 +00:00
for (i = 0; i < l; i++) {
2011-09-13 22:55:31 +00:00
w = widgets[i];
if (w && w.hasOwnProperty('id') && w.id.toLowerCase() === name.toLowerCase()) {
return w;
2011-06-22 23:19:27 +00:00
}
}
}
function applyWidget(table) {
var c = table.config.widgets,
2011-09-13 22:55:31 +00:00
i, w, l = c.length;
2011-06-22 23:19:27 +00:00
for (i = 0; i < l; i++) {
2011-09-13 22:55:31 +00:00
w = getWidgetById(c[i]);
if ( w && w.hasOwnProperty('format') ) {
w.format(table);
}
2011-06-22 23:19:27 +00:00
}
}
function appendToTable(table, cache) {
2011-09-16 15:43:09 +00:00
var c = table.config,
r = cache.row,
n = cache.normalized,
2011-06-22 23:19:27 +00:00
totalRows = n.length,
2011-08-22 15:00:17 +00:00
checkCell = totalRows ? (n[0].length - 1) : 0,
2011-06-22 23:19:27 +00:00
rows = [],
i, j, l, pos, appendTime;
2011-09-16 15:43:09 +00:00
if (c.debug) {
2011-06-22 23:19:27 +00:00
appendTime = new Date();
}
for (i = 0; i < totalRows; i++) {
pos = n[i][checkCell];
rows.push(r[pos]);
2011-10-14 01:57:46 +00:00
// removeRows used by the pager plugin
if (!c.appender || !c.removeRows) {
2011-06-22 23:19:27 +00:00
l = r[pos].length;
for (j = 0; j < l; j++) {
2011-09-16 15:43:09 +00:00
table.tBodies[0].appendChild(r[pos][j]);
2011-06-22 23:19:27 +00:00
}
}
}
2011-09-16 15:43:09 +00:00
if (c.appender) {
c.appender(table, rows);
2011-06-22 23:19:27 +00:00
}
2011-09-16 15:43:09 +00:00
if (c.debug) {
2011-06-22 23:19:27 +00:00
benchmark("Rebuilt table:", appendTime);
}
// apply table widgets
applyWidget(table);
// trigger sortend
setTimeout(function () {
2011-07-17 15:01:18 +00:00
$(table).trigger("sortEnd", table);
2011-06-22 23:19:27 +00:00
}, 0);
}
// from:
// http://www.javascripttoolbox.com/lib/table/examples.php
// http://www.javascripttoolbox.com/temp/table_cellindex.html
function computeTableHeaderCellIndexes(t) {
var matrix = [],
lookup = {},
thead = t.getElementsByTagName('THEAD')[0],
trs = thead.getElementsByTagName('TR'),
i, j, k, l, c, cells, rowIndex, cellId, rowSpan, colSpan, firstAvailCol, matrixrow;
for (i = 0; i < trs.length; i++) {
cells = trs[i].cells;
for (j = 0; j < cells.length; j++) {
c = cells[j];
rowIndex = c.parentNode.rowIndex;
cellId = rowIndex + "-" + c.cellIndex;
rowSpan = c.rowSpan || 1;
colSpan = c.colSpan || 1;
if (typeof(matrix[rowIndex]) === "undefined") {
matrix[rowIndex] = [];
}
// Find first available column in the first row
for (k = 0; k < matrix[rowIndex].length + 1; k++) {
if (typeof(matrix[rowIndex][k]) === "undefined") {
firstAvailCol = k;
break;
}
}
lookup[cellId] = firstAvailCol;
for (k = rowIndex; k < rowIndex + rowSpan; k++) {
if (typeof(matrix[k]) === "undefined") {
matrix[k] = [];
}
matrixrow = matrix[k];
for (l = firstAvailCol; l < firstAvailCol + colSpan; l++) {
matrixrow[l] = "x";
}
}
}
}
return lookup;
}
function formatSortingOrder(v) {
if (typeof(v) !== "number") {
// look for "d" instead of "desc"
return (v.toLowerCase().charAt(0) === "d") ? 1 : 0;
2011-06-22 23:19:27 +00:00
} else {
return (v === 1) ? 1 : 0;
}
}
function checkHeaderMetadata(cell) {
return (($.metadata) && ($(cell).metadata().sorter === false));
}
function checkHeaderOptions(table, i) {
return ((table.config.headers[i]) && (table.config.headers[i].sorter === false));
}
function checkHeaderLocked(table, i) {
if ((table.config.headers[i]) && (table.config.headers[i].lockedOrder !== null)) { return table.config.headers[i].lockedOrder; }
2011-06-22 23:19:27 +00:00
return false;
}
function checkHeaderOrder(table, i) {
if ((table.config.headers[i]) && (table.config.headers[i].sortInitialOrder)) { return table.config.headers[i].sortInitialOrder; }
return table.config.sortInitialOrder;
}
2011-06-22 23:19:27 +00:00
function buildHeaders(table) {
var meta = ($.metadata) ? true : false,
header_index = computeTableHeaderCellIndexes(table),
2011-09-16 15:43:09 +00:00
$th, lock, time, $tableHeaders, c = table.config;
c.headerList = [];
if (c.debug) {
2011-06-22 23:19:27 +00:00
time = new Date();
}
2011-09-16 15:43:09 +00:00
$tableHeaders = $(c.selectorHeaders, table)
2011-06-22 23:19:27 +00:00
.wrapInner("<span/>")
.each(function (index) {
this.column = header_index[this.parentNode.rowIndex + "-" + this.cellIndex];
this.order = formatSortingOrder( checkHeaderOrder(table, index) );
2011-06-22 23:19:27 +00:00
this.count = this.order;
2011-08-04 06:24:26 +00:00
if (checkHeaderMetadata(this) || checkHeaderOptions(table, index) || $(this).is('.sorter-false')) { this.sortDisabled = true; }
this.lockedOrder = false;
lock = checkHeaderLocked(table, index);
if (typeof(lock) !== 'undefined' && lock !== false) { this.order = this.lockedOrder = formatSortingOrder(lock); }
2011-06-22 23:19:27 +00:00
if (!this.sortDisabled) {
2011-09-16 15:43:09 +00:00
$th = $(this).addClass(c.cssHeader);
if (c.onRenderHeader) { c.onRenderHeader.apply($th, [index]); }
2011-06-22 23:19:27 +00:00
}
// add cell to headerList
2011-09-16 15:43:09 +00:00
c.headerList[index] = this;
2011-06-22 23:19:27 +00:00
});
2011-09-16 15:43:09 +00:00
if (c.debug) {
2011-06-22 23:19:27 +00:00
benchmark("Built headers:", time);
log($tableHeaders);
}
return $tableHeaders;
}
function checkCellColSpan(table, rows, row) {
var i, cell, arr = [],
r = table.tHead.rows,
c = r[row].cells;
for (i = 0; i < c.length; i++) {
cell = c[i];
if (cell.colSpan > 1) {
arr = arr.concat(checkCellColSpan(table, rows, row++)); // what is headerArr?
} else {
if (table.tHead.length === 1 || (cell.rowSpan > 1 || !r[row + 1])) {
arr.push(cell);
}
}
}
return arr;
}
function isValueInArray(v, a) {
var i, l = a.length;
for (i = 0; i < l; i++) {
if (a[i][0] === v) {
return true;
}
}
return false;
}
function setHeadersCss(table, $headers, list, css) {
// remove all header information
$headers.removeClass(css[0]).removeClass(css[1]);
var h = [], i, l;
$headers.each(function (offset) {
if (!this.sortDisabled) {
h[this.column] = $(this);
}
});
l = list.length;
for (i = 0; i < l; i++) {
h[list[i][0]].addClass(css[list[i][1]]);
}
}
function fixColumnWidth(table, $headers) {
2011-09-16 15:43:09 +00:00
if (table.config.widthFixed) {
var colgroup = $('<colgroup>');
2011-06-22 23:19:27 +00:00
$("tr:first td", table.tBodies[0]).each(function () {
colgroup.append($('<col>').css('width', $(this).width()));
});
$(table).prepend(colgroup);
}
}
function updateHeaderSortCount(table, sortList) {
var i, s, o, c = table.config,
l = sortList.length;
for (i = 0; i < l; i++) {
s = sortList[i];
o = c.headerList[s[0]];
o.count = s[1];
o.count++;
}
}
function getCachedSortType(parsers, i) {
2011-08-22 15:00:17 +00:00
return (parsers) ? parsers[i].type : '';
2011-06-22 23:19:27 +00:00
}
/* sorting methods - reverted sorting method back to version 2.0.3 */
2011-07-17 15:01:18 +00:00
function multisort(table,sortList,cache) {
2011-06-22 23:19:27 +00:00
var dynamicExp = "var sortWrapper = function(a,b) {",
2011-08-01 03:15:17 +00:00
col, mx = 0, dir = 0, tc = table.config, lc = cache.normalized.length,
l = sortList.length, sortTime, i, j, c, s, e, order, orgOrderCol;
if (tc.debug) { sortTime = new Date(); }
2011-06-22 23:19:27 +00:00
for (i=0; i < l; i++) {
c = sortList[i][0];
order = sortList[i][1];
2011-08-01 03:15:17 +00:00
s = (getCachedSortType(tc.parsers,c) === "text") ? ((order === 0) ? "sortText" : "sortTextDesc") : ((order === 0) ? "sortNumeric" : "sortNumericDesc");
2011-06-22 23:19:27 +00:00
e = "e" + i;
2011-08-01 03:15:17 +00:00
// get max column value (ignore sign)
if (/Numeric/.test(s) && tc.headers[c] && tc.headers[c].string){
for (j=0; j < lc; j++) {
col = Math.abs(parseFloat(cache.normalized[j][c]));
mx = Math.max( mx, isNaN(col) ? 0 : col );
}
dir = (tc.headers[c]) ? tc.string[tc.headers[c].string] || 0 : 0;
}
dynamicExp += "var " + e + " = " + s + "(a[" + c + "],b[" + c + "]," + mx + "," + dir + "); ";
2011-06-22 23:19:27 +00:00
dynamicExp += "if (" + e + ") { return " + e + "; } ";
dynamicExp += "else { ";
}
// if value is the same keep orignal order
2011-08-22 15:00:17 +00:00
orgOrderCol = (cache.normalized && cache.normalized[0]) ? cache.normalized[0].length - 1 : 0;
2011-06-22 23:19:27 +00:00
dynamicExp += "return a[" + orgOrderCol + "]-b[" + orgOrderCol + "];";
for(i=0; i < l; i++) {
dynamicExp += "}; ";
}
dynamicExp += "return 0; ";
dynamicExp += "}; ";
eval(dynamicExp);
2012-01-30 15:58:58 +00:00
cache.normalized.sort(sortWrapper); // sort using eval expression
2011-08-01 03:15:17 +00:00
if (tc.debug) { benchmark("Sorting on " + sortList.toString() + " and dir " + order+ " time:", sortTime); }
2011-06-22 23:19:27 +00:00
return cache;
}
2011-08-01 03:15:17 +00:00
// Natural sort modified from: http://www.webdeveloper.com/forum/showthread.php?t=107909
2011-07-17 15:01:18 +00:00
function sortText(a, b) {
if (a === '') { return 1; }
if (b === '') { return -1; }
2011-06-22 23:19:27 +00:00
if (a === b) { return 0; }
if ($.data(tbl[0], "tablesorter").sortLocaleCompare) { return a.localeCompare(b); }
2011-06-22 23:19:27 +00:00
try {
var cnt = 0, ax, t, x = /^(\.)?\d/,
L = Math.min(a.length, b.length) + 1;
while (cnt < L && a.charAt(cnt) === b.charAt(cnt) && x.test(b.substring(cnt)) === false && x.test(a.substring(cnt)) === false) { cnt++; }
a = a.substring(cnt);
b = b.substring(cnt);
if (x.test(a) || x.test(b)) {
if (x.test(a) === false) {
return (a) ? 1 : -1;
} else if (x.test(b) === false) {
return (b) ? -1 : 1;
} else {
t = parseFloat(a) - parseFloat(b);
if (t !== 0) { return t; } else { t = a.search(/[^\.\d]/); }
if (t === -1) { t = b.search(/[^\.\d]/); }
a = a.substring(t);
b = b.substring(t);
}
}
return (a > b) ? 1 : -1;
} catch (er) {
return 0;
}
}
2011-08-01 03:15:17 +00:00
function sortTextDesc(a, b){
if (a === '') { return 1; }
if (b === '') { return -1; }
if (a === b) { return 0; }
2011-06-22 23:19:27 +00:00
if ($.data(tbl[0], "tablesorter").sortLocaleCompare) { return b.localeCompare(a); }
2011-08-01 03:15:17 +00:00
return -sortText(a, b);
}
// return text string value by adding up ascii value
// so the text is somewhat sorted when using a digital sort
// this is NOT an alphanumeric sort
function getTextValue(a, mx, d){
if (mx) {
// make sure the text value is greater than the max numerical value (mx)
var i, l = a.length, n = mx + d;
for (i = 0; i < l; i++){
n += a.charCodeAt(i);
}
return d * n;
}
return 0;
2011-06-22 23:19:27 +00:00
}
2011-08-01 03:15:17 +00:00
function sortNumeric(a, b, mx, d) {
if (a === '') { return 1; }
if (b === '') { return -1; }
if (isNaN(a)) { a = getTextValue(a, mx, d); }
if (isNaN(b)) { b = getTextValue(b, mx, d); }
2011-06-22 23:19:27 +00:00
return a - b;
}
2011-08-01 03:15:17 +00:00
function sortNumericDesc(a, b, mx, d) {
if (a === '') { return 1; }
if (b === '') { return -1; }
if (isNaN(a)) { a = getTextValue(a, mx, d); }
if (isNaN(b)) { b = getTextValue(b, mx, d); }
2011-06-22 23:19:27 +00:00
return b - a;
}
/* public methods */
this.construct = function(settings){
return this.each(function(){
// if no thead or tbody quit.
if (!this.tHead || !this.tBodies) { return; }
// declare
var $this, $document, $headers, cache, config, shiftDown = 0,
sortOrder, sortCSS, totalRows, $cell, i, j, a, s, o;
// new blank config object
this.config = {};
// merge and extend.
config = $.extend(this.config, $.tablesorter.defaults, settings);
// store common expression for speed
tbl = $this = $(this).addClass(this.config.tableClass);
// save the settings where they read
$.data(this, "tablesorter", config);
// build headers
$headers = buildHeaders(this);
// try to auto detect column type, and store in tables config
this.config.parsers = buildParserCache(this, $headers);
2011-08-01 03:15:17 +00:00
// digit sort text location
this.config.string = { max: 1, 'max+': 1, 'max-': -1, none: 0 };
2011-06-22 23:19:27 +00:00
// build the cache for the tbody cells
cache = buildCache(this);
// get the css class names, could be done else where.
sortCSS = [config.cssDesc, config.cssAsc];
// fixate columns if the users supplies the fixedWidth option
fixColumnWidth(this);
// apply event handling to headers
// this is to big, perhaps break it out?
$headers
.click(function(e){
totalRows = ($this[0].tBodies[0] && $this[0].tBodies[0].rows.length) || 0;
2011-08-22 15:00:17 +00:00
if (!this.sortDisabled) {
2011-06-22 23:19:27 +00:00
// Only call sortStart if sorting is enabled.
2011-07-17 15:01:18 +00:00
$this.trigger("sortStart", tbl[0]);
2011-06-22 23:19:27 +00:00
// store exp, for speed
$cell = $(this);
// get current column index
i = this.column;
// get current column sort order
this.order = this.count++ % 2;
// always sort on the locked order.
if(typeof(this.lockedOrder) !== "undefined" && this.lockedOrder !== false) { this.order = this.lockedOrder; }
2011-09-08 16:28:10 +00:00
// user only wants to sort on one column
2011-06-22 23:19:27 +00:00
if (!e[config.sortMultiSortKey]) {
// flush the sort list
config.sortList = [];
if (config.sortForce !== null) {
a = config.sortForce;
for (j = 0; j < a.length; j++) {
if (a[j][0] !== i) {
config.sortList.push(a[j]);
}
}
}
// add column to sort list
config.sortList.push([i, this.order]);
// multi column sorting
} else {
2011-10-18 15:52:53 +00:00
// the user has clicked on an already sorted column.
2011-06-22 23:19:27 +00:00
if (isValueInArray(i, config.sortList)) {
2011-10-18 15:52:53 +00:00
// reverse the sorting direction for all tables.
2011-06-22 23:19:27 +00:00
for (j = 0; j < config.sortList.length; j++) {
s = config.sortList[j];
o = config.headerList[s[0]];
if (s[0] === i) {
o.count = s[1];
o.count++;
s[1] = o.count % 2;
}
}
} else {
// add column to sort list array
config.sortList.push([i, this.order]);
}
}
2011-07-17 15:01:18 +00:00
if (config.sortAppend !== null) {
a = config.sortAppend;
for (j = 0; j < a.length; j++) {
if (a[j][0] !== i) {
config.sortList.push(a[j]);
}
}
}
2011-09-22 16:16:30 +00:00
// sortBegin event triggered immediately before the sort
$this.trigger("sortBegin", tbl[0]);
2011-06-22 23:19:27 +00:00
setTimeout(function () {
// set css for headers
setHeadersCss($this[0], $headers, config.sortList, sortCSS);
appendToTable($this[0], multisort($this[0], config.sortList, cache));
2011-06-22 23:19:27 +00:00
}, 1);
// stop normal event by returning false
return false;
}
// cancel selection
})
.mousedown(function(){
if (config.cancelSelection) {
this.onselectstart = function(){
return false;
};
return false;
}
});
// apply easy methods that trigger binded events
$this
.bind("update", function(){
var me = this;
setTimeout(function(){
// rebuild parsers.
2011-08-01 03:15:17 +00:00
me.config.parsers = buildParserCache(me, $headers);
2011-06-22 23:19:27 +00:00
// rebuild the cache map
cache = buildCache(me);
2011-08-22 15:00:17 +00:00
$this.trigger("sorton", [me.config.sortList]);
2011-06-22 23:19:27 +00:00
}, 1);
})
.bind("updateCell", function(e, cell) {
var config = this.config,
// get position from the dom.
pos = [(cell.parentNode.rowIndex - 1), cell.cellIndex];
// update cache
2011-08-19 06:24:29 +00:00
cache.normalized[pos[0]][pos[1]] = config.parsers[pos[1]].format(getElementText(config, cell, pos[1]), cell);
2011-09-13 22:55:31 +00:00
this.config.cache = cache;
2011-08-22 15:00:17 +00:00
$this.trigger("sorton", [config.sortList]);
2011-06-22 23:19:27 +00:00
})
2011-09-08 16:28:10 +00:00
.bind("addRows", function(e, row) {
var i, config = this.config, rows = row.filter('tr').length,
dat = [], l = row[0].cells.length;
// add each row
for (i = 0; i < rows; i++) {
// add each cell
for (j = 0; j < l; j++) {
dat[j] = config.parsers[j].format(getElementText(config, row[i].cells[j], j), row[i].cells[j]);
}
// add the row index to the end
dat.push(cache.row.length);
// update cache
cache.row.push([row[i]]);
cache.normalized.push(dat);
dat = [];
}
2011-09-13 22:55:31 +00:00
config.cache = cache;
2011-09-08 16:28:10 +00:00
// resort using current settings
$this.trigger("sorton", [config.sortList]);
})
2011-06-22 23:19:27 +00:00
.bind("sorton", function(e, list) {
2011-07-17 15:01:18 +00:00
$(this).trigger("sortStart", tbl[0]);
2011-06-22 23:19:27 +00:00
config.sortList = list;
// update and store the sortlist
var sortList = config.sortList;
// update header count index
updateHeaderSortCount(this, sortList);
// set css for headers
setHeadersCss(this, $headers, sortList, sortCSS);
// sort the table and append it to the dom
appendToTable(this, multisort(this, sortList, cache));
})
.bind("appendCache", function () {
appendToTable(this, cache);
})
.bind("applyWidgetId", function (e, id) {
getWidgetById(id).format(this);
})
.bind("applyWidgets", function () {
// apply widgets
applyWidget(this);
});
if ($.metadata && ($(this).metadata() && $(this).metadata().sortlist)) {
config.sortList = $(this).metadata().sortlist;
}
// if user has supplied a sort list to constructor.
if (config.sortList.length > 0) {
$this.trigger("sorton", [config.sortList]);
2012-01-30 15:58:58 +00:00
} else {
// apply widgets
applyWidget(this);
2011-06-22 23:19:27 +00:00
}
});
};
2011-07-17 15:01:18 +00:00
this.addParser = function(parser) {
2011-06-22 23:19:27 +00:00
var i, l = parsers.length, a = true;
for (i = 0; i < l; i++) {
if (parsers[i].id.toLowerCase() === parser.id.toLowerCase()) {
a = false;
}
}
if (a) {
parsers.push(parser);
}
};
2011-07-17 15:01:18 +00:00
this.addWidget = function (widget) {
2011-06-22 23:19:27 +00:00
widgets.push(widget);
};
2011-08-01 03:15:17 +00:00
this.formatFloat = function(s) {
2011-06-22 23:19:27 +00:00
var i = parseFloat(s);
2011-08-01 03:15:17 +00:00
// return the text instead of zero
return isNaN(i) ? $.trim(s) : i;
2011-06-22 23:19:27 +00:00
};
2011-08-01 03:15:17 +00:00
this.isDigit = function(s) {
// replace all unwanted chars and match.
2011-06-22 23:19:27 +00:00
return (/^[\-+]?\d*$/).test($.trim(s.replace(/[,.']/g, '')));
};
2011-07-17 15:01:18 +00:00
this.clearTableBody = function (table) {
2011-06-22 23:19:27 +00:00
if ($.browser.msie) {
var empty = function() {
while (this.firstChild) {
this.removeChild(this.firstChild);
}
};
empty.apply(table.tBodies[0]);
} else {
table.tBodies[0].innerHTML = "";
}
};
2011-07-17 15:01:18 +00:00
}
2011-06-22 23:19:27 +00:00
})();
// extend plugin scope
$.fn.extend({
tablesorter: $.tablesorter.construct
});
// make shortcut
var ts = $.tablesorter;
// add default parsers
ts.addParser({
id: "text",
is: function(s){
return true;
},
format: function(s) {
return $.trim(s.toLocaleLowerCase());
},
type: "text"
});
ts.addParser({
id: "digit",
2011-08-01 03:15:17 +00:00
is: function(s){
return $.tablesorter.isDigit(s.replace(/,/g, ""));
2011-06-22 23:19:27 +00:00
},
format: function(s){
2011-08-01 03:15:17 +00:00
return $.tablesorter.formatFloat(s.replace(/,/g, ""));
2011-06-22 23:19:27 +00:00
},
type: "numeric"
});
ts.addParser({
id: "currency",
is: function(s){
2011-09-16 18:39:03 +00:00
return (/^[\u00a3$\u20ac\u00a4\u00a5\u00a2?.]/).test(s); // £$€¤¥¢?.
2011-06-22 23:19:27 +00:00
},
format: function(s){
2011-09-16 18:48:28 +00:00
return $.tablesorter.formatFloat(s.replace(/\,/g,'.').replace(new RegExp(/[^0-9. \-]/g), ""));
2011-06-22 23:19:27 +00:00
},
type: "numeric"
});
ts.addParser({
id: "ipAddress",
is: function(s) {
return (/^\d{2,3}[\.]\d{2,3}[\.]\d{2,3}[\.]\d{2,3}$/).test(s);
},
format: function(s){
var i, item, a = s.split("."),
r = "",
l = a.length;
for (i = 0; i < l; i++) {
item = a[i];
if (item.length === 2) {
r += "0" + item;
} else {
r += item;
}
}
return $.tablesorter.formatFloat(r);
},
type: "numeric"
});
ts.addParser({
id: "url",
is: function(s) {
return (/^(https?|ftp|file):\/\/$/).test(s);
},
format: function(s) {
return $.trim(s.replace(new RegExp(/(https?|ftp|file):\/\//), ''));
},
type: "text"
});
ts.addParser({
id: "isoDate",
is: function(s) {
return (/^\d{4}[\/\-]\d{1,2}[\/\-]\d{1,2}$/).test(s);
},
2011-08-01 03:15:17 +00:00
format: function(s) {
return $.tablesorter.formatFloat((s !== "") ? new Date(s.replace(new RegExp(/-/g), "/")).getTime() : "0");
2011-06-22 23:19:27 +00:00
},
type: "numeric"
});
ts.addParser({
id: "percent",
is: function(s) {
return (/\%$/).test($.trim(s));
},
format: function(s) {
return $.tablesorter.formatFloat(s.replace(new RegExp(/%/g), ""));
},
type: "numeric"
});
ts.addParser({
id: "usLongDate",
is: function(s) {
return s.match(new RegExp(/^[A-Za-z]{3,10}\.? [0-9]{1,2}, ([0-9]{4}|'?[0-9]{2}) (([0-2]?[0-9]:[0-5][0-9])|([0-1]?[0-9]:[0-5][0-9]\s(AM|PM)))$/));
},
format: function(s) {
return $.tablesorter.formatFloat(new Date(s).getTime());
},
type: "numeric"
});
ts.addParser({
2011-10-18 15:52:53 +00:00
id: "shortDate", // "mmddyyyy", "ddmmyyy" or "yyyymmdd"
2011-06-22 23:19:27 +00:00
is: function(s) {
2011-10-18 15:52:53 +00:00
// testing for ####-####-#### - so it's not perfect
return (/\d{1,4}[\/\-\,\.\s+]\d{1,4}[\/\-\.\,\s+]\d{1,4}/).test(s);
2011-06-22 23:19:27 +00:00
},
2011-10-18 15:52:53 +00:00
format: function(s, table, cell, cellIndex) {
var c = table.config,
format = (c.headers && c.headers[cellIndex]) ? c.headers[cellIndex].dateFormat || c.dateFormat : c.dateFormat; // get dateFormat from header or config
s = s.replace(/\s+/g," ").replace(/[\-|\.|\,|\s]/g, "/");
if (format === "mmddyyyy") {
s = s.replace(/(\d{1,2})\/(\d{1,2})\/(\d{4})/, "$3/$1/$2");
} else if (format === "ddmmyyyy") {
s = s.replace(/(\d{1,2})\/(\d{1,2})\/(\d{4})/, "$3/$2/$1");
} else if (format === "yyyymmdd") {
s = s.replace(/(\d{4})\/(\d{1,2})\/(\d{1,2})/, "$1/$2/$3");
2011-06-22 23:19:27 +00:00
}
return $.tablesorter.formatFloat(new Date(s).getTime());
},
type: "numeric"
});
ts.addParser({
id: "time",
is: function(s) {
return (/^(([0-2]?[0-9]:[0-5][0-9])|([0-1]?[0-9]:[0-5][0-9]\s(am|pm)))$/).test(s);
},
format: function(s) {
return $.tablesorter.formatFloat(new Date("2000/01/01 " + s).getTime());
},
type: "numeric"
});
ts.addParser({
id: "metadata",
is: function(s) {
return false;
},
format: function(s, table, cell) {
var c = table.config,
p = (!c.parserMetadataName) ? 'sortValue' : c.parserMetadataName;
return $(cell).metadata()[p];
},
type: "numeric"
});
// add default widgets
ts.addWidget({
id: "zebra",
format: function(table) {
2011-09-22 22:32:58 +00:00
var $tr, row = 0, even, time,
child = table.config.cssChildRow,
css = table.config.widgetZebra.css;
2011-06-22 23:19:27 +00:00
if (table.config.debug) {
time = new Date();
}
// loop through the visible rows
2011-09-22 22:32:58 +00:00
$("tr:visible", table.tBodies[0]).each(function(i){
2011-06-22 23:19:27 +00:00
$tr = $(this);
2011-08-01 03:15:17 +00:00
// style children rows the same way the parent row was styled
2011-09-22 22:32:58 +00:00
if (!$tr.hasClass(child)) { row++; }
even = (row % 2 === 0);
2011-06-22 23:19:27 +00:00
$tr
2011-09-22 22:32:58 +00:00
.removeClass(css[even ? 1 : 0])
.addClass(css[even ? 0 : 1]);
2011-06-22 23:19:27 +00:00
});
if (table.config.debug) {
$.tablesorter.benchmark("Applying Zebra widget", time);
}
}
});
})(jQuery);