mirror of
https://github.com/Mottie/tablesorter.git
synced 2024-11-15 23:54:22 +00:00
263aa97e66
NOTE: the core js/jquery.tablesorter.js file is no longer UMD wrapped!; this is done by the build process now Updated various parser & widget comments
159 lines
5.4 KiB
JavaScript
159 lines
5.4 KiB
JavaScript
/*! Parser: input & select - updated 3/26/2015 (v2.21.3) *//*
|
|
* for jQuery 1.7+ & tablesorter 2.7.11+
|
|
* Demo: http://mottie.github.com/tablesorter/docs/example-widget-grouping.html
|
|
*/
|
|
/*jshint browser: true, jquery:true, unused:false */
|
|
;(function($){
|
|
"use strict";
|
|
|
|
var updateServer = function(event, $table, $input){
|
|
// do something here to update your server, if needed
|
|
// event = change event object
|
|
// $table = jQuery object of the table that was just updated
|
|
// $input = jQuery object of the input or select that was modified
|
|
};
|
|
|
|
// Custom parser for parsing input values
|
|
// updated dynamically using the "change" function below
|
|
$.tablesorter.addParser({
|
|
id: "inputs",
|
|
is: function(){
|
|
return false;
|
|
},
|
|
format: function(s, table, cell) {
|
|
return $(cell).find('input').val() || s;
|
|
},
|
|
parsed : true, // filter widget flag
|
|
type: "text"
|
|
});
|
|
|
|
// Custom parser for including checkbox status if using the grouping widget
|
|
// updated dynamically using the "change" function below
|
|
$.tablesorter.addParser({
|
|
id: "checkbox",
|
|
is: function(){
|
|
return false;
|
|
},
|
|
format: function(s, table, cell, cellIndex) {
|
|
var $c = $(cell),
|
|
wo = table.config.widgetOptions,
|
|
// returning plain language here because this is what is shown in the
|
|
// group headers - change it as desired
|
|
txt = wo.group_checkbox ? wo.group_checkbox : [ 'checked', 'unchecked' ],
|
|
$input = $c.find('input[type="checkbox"]'),
|
|
isChecked = $input.length ? $input[0].checked : '';
|
|
// adding class to row, indicating that a checkbox is checked; includes
|
|
// a column index in case more than one checkbox happens to be in a row
|
|
$c.closest('tr').toggleClass('checked-' + cellIndex, isChecked);
|
|
return $input.length ? txt[ isChecked ? 0 : 1 ] : s;
|
|
},
|
|
parsed : true, // filter widget flag
|
|
type: "text"
|
|
});
|
|
|
|
// Custom parser which returns the currently selected options
|
|
// updated dynamically using the "change" function below
|
|
$.tablesorter.addParser({
|
|
id: "select",
|
|
is: function(){
|
|
return false;
|
|
},
|
|
format: function(s, table, cell) {
|
|
return $(cell).find('select').val() || s;
|
|
},
|
|
parsed : true, // filter widget flag
|
|
type: "text"
|
|
});
|
|
|
|
// Select parser to get the selected text
|
|
$.tablesorter.addParser({
|
|
id: "select-text",
|
|
is: function(){
|
|
return false;
|
|
},
|
|
format: function(s, table, cell) {
|
|
var $s = $(cell).find('select');
|
|
return $s.length ? $s.find('option:selected').text() || '' : s;
|
|
},
|
|
parsed : true, // filter widget flag
|
|
type: "text"
|
|
});
|
|
|
|
// Custom parser for parsing textarea values
|
|
// updated dynamically using the "change" function below
|
|
$.tablesorter.addParser({
|
|
id: "textarea",
|
|
is: function(){
|
|
return false;
|
|
},
|
|
format: function(s, table, cell) {
|
|
return $(cell).find('textarea').val() || s;
|
|
},
|
|
parsed : true, // filter widget flag
|
|
type: "text"
|
|
});
|
|
|
|
// update select and all input types in the tablesorter cache when the change event fires.
|
|
// This method only works with jQuery 1.7+
|
|
// you can change it to use delegate (v1.4.3+) or live (v1.3+) as desired
|
|
// if this code interferes somehow, target the specific table $('#mytable'), instead of $('table')
|
|
$(function(){
|
|
$('table').on('tablesorter-initialized', function(){
|
|
var restoreValue = function(isTbody){
|
|
// make sure we restore original values (trigger blur)
|
|
// isTbody is needed to prevent the select from closing in IE
|
|
// see https://connect.microsoft.com/IE/feedbackdetail/view/962618/
|
|
if (isTbody) {
|
|
$(':focus').blur();
|
|
}
|
|
return;
|
|
};
|
|
// bind to .tablesorter (default class name)
|
|
$(this).children('tbody')
|
|
.on('mouseleave', function(e){
|
|
restoreValue(e.target.nodeName === 'TBODY');
|
|
})
|
|
.on('focus', 'select, input, textarea', function(){
|
|
$(this).data('ts-original-value', this.value);
|
|
})
|
|
.on('blur', 'input, textarea', function(){
|
|
// restore input value;
|
|
// "change" is triggered before "blur" so this doesn't replace the new update with the original
|
|
this.value = $(this).data('ts-original-value');
|
|
})
|
|
.on('change keyup', 'select, input, textarea', function(e){
|
|
if ( e.which === 27 ) {
|
|
// escape: restore original value
|
|
this.value = $(this).data('ts-original-value');
|
|
return;
|
|
}
|
|
// Update cell cache using... select: change, input: enter or textarea: alt + enter
|
|
if ( ( e.type === 'change' ) ||
|
|
( e.type === 'keyup' && e.which === 13 && ( e.target.nodeName === 'INPUT' || e.target.nodeName === 'TEXTAREA' && e.altKey ) ) ) {
|
|
var undef,
|
|
$tar = $(e.target),
|
|
$cell = $tar.closest('td'),
|
|
$table = $cell.closest('table'),
|
|
indx = $cell[0].cellIndex,
|
|
c = $table[0].config || false,
|
|
$hdr = c && c.$headers && c.$headers.eq(indx);
|
|
// abort if not a tablesorter table, or
|
|
// don't use updateCell if column is set to "sorter-false" and "filter-false", or column is set to "parser-false"
|
|
if ( !c || ( $hdr && $hdr.length && ( $hdr.hasClass('parser-false') || ( $hdr.hasClass('sorter-false') && $hdr.hasClass('filter-false') ) ) ) ) {
|
|
return restoreValue();
|
|
}
|
|
// ignore change event if nothing changed
|
|
if ($tar.val() !== $tar.data('ts-original-value') || e.target.type === 'checkbox') {
|
|
$tar.data('ts-original-value', $tar.val());
|
|
// pass undefined resort value so it falls back to config.resort setting
|
|
$table.trigger('updateCell', [ $tar.closest('td'), undef, function(){
|
|
updateServer(e, $table, $tar);
|
|
} ]);
|
|
}
|
|
}
|
|
});
|
|
});
|
|
});
|
|
|
|
})(jQuery);
|