Parser: bind & update stickyHeaders checkbox. Fixes #261

Mottie · May 16, 2017 · 0c75f5f · 0c75f5f
1 parent cbb37f8
commit 0c75f5f
Showing 1 changed file with 57 additions and 20 deletions.
diff --git a/js/parsers/parser-input-select.js b/js/parsers/parser-input-select.js
@@ -1,4 +1,4 @@
-/*! Parser: input & select - updated 5/12/2017 (v2.28.10) *//*
+/*! Parser: input & select - updated 5/16/2017 (v2.28.10) *//*
  * for jQuery 1.7+ & tablesorter 2.7.11+
  * Demo: http://mottie.github.com/tablesorter/docs/example-widget-grouping.html
  */
@@ -131,30 +131,54 @@
 				$row.removeClass( checkboxClass );
 			}
 		},
+		updateCheckbox = function($el, state) {
+			if ($el[0].nodeName !== 'INPUT') {
+				$el = $el.find( 'input[type="checkbox"]' );
+			}
+			if ($el.length) {
+				var ua = window.navigator.userAgent;
+				if (state === 'indeterminate') {
+					// needed for IE
+					$el.prop('checked', !(ua.indexOf('Trident/') > -1 || ua.indexOf('Edge/') > -1));
+					$el.prop('indeterminate', true);
+				} else {
+					$el.prop('checked', state);
+					$el.prop('indeterminate', false);
+				}
+			}
+		},
 		updateHeaderCheckbox = function( $table, checkboxClass ) {
-			var ua = window.navigator.userAgent,
-				$rows = $table.children( 'tbody' ).children( ':visible' ), // (include child rows?)
-				len = $rows.length;
+			var $rows = $table.children( 'tbody' ).children( ':visible' ), // (include child rows?)
+				len = $rows.length,
+				hasSticky = $table[0].config.widgetOptions.$sticky;
 			// set indeterminate state on header checkbox
 			$table.children( 'thead' ).find( 'input[type="checkbox"]' ).each( function() {
 				var column = $( this ).closest( 'td, th' ).attr( 'data-column' ),
+					$sticky = hasSticky.find( '[data-column="' + column + '"]' ),
 					vis = $rows.filter( '.' + checkboxClass + '-' + column ).length,
 					allChecked = vis === len && len > 0;
 				if ( vis === 0 || allChecked ) {
-					this.checked = allChecked;
-					this.indeterminate = false;
+					updateCheckbox($(this), allChecked);
+					if ($sticky) {
+						updateCheckbox($sticky, allChecked);
+					}
 				} else {
-					// needed for IE
-					this.checked = !(ua.indexOf('Trident/') > -1 || ua.indexOf('Edge/') > -1);
-					this.indeterminate = true;
+					updateCheckbox($(this), 'indeterminate');
+					if ($sticky) {
+						updateCheckbox($sticky, 'indeterminate');
+					}
 				}
 			});
+
 		};
 
 		$( 'table' ).on( 'tablesorter-initialized updateComplete', function() {
 			this.tablesorterBusy = false;
 			var namespace = '.parser-forms';
-			$( this ).children( 'tbody' )
+			$( this )
+			// add namespace to table in case of version mismatch (v2.28.10)
+			.addClass( this.config.namespace.slice(1) )
+			.children( 'tbody' )
 			.off( namespace )
 			.on( 'mouseleave' + namespace, function( event ) {
 				// make sure we restore original values (trigger blur)
@@ -252,32 +276,45 @@
 					}
 				})
 				.children( 'thead' )
+				.add( this.config.widgetOptions.$sticky )
 				.off( namespace )
 				// modified from http://jsfiddle.net/abkNM/6163/
 				// click needed for IE; a change isn't fired when going from an indeterminate checkbox to
 				// either checked or unchecked
 				.on( 'click' + namespace + ' change' + namespace, 'input[type="checkbox"]', function( event ) {
-					var undef, onlyVisible, column, $target, isParsed, checkboxClass,
+					var c, undef, onlyVisible, column, $target, isParsed, checkboxClass,
 						$checkbox = $( this ),
+						isChecked = this.checked,
 						$table = $checkbox.closest( 'table' ),
-						c = $table.length && $table[ 0 ].config,
-						isChecked = this.checked;
+						isSticky = $table.length && $table[0].className.match(/(tablesorter\w+)_extra_table/);
+					if (isSticky) {
+						isSticky = isSticky[1];
+						$table = $('.' + isSticky + ':not(.' + isSticky + '_extra_table)');
+					}
+					c = $table.length && $table[ 0 ].config;
 					if ( $table.length && c && !$table[ 0 ].tablesorterBusy ) {
 						column = parseInt( $checkbox.closest( 'td, th' ).attr( 'data-column' ), 10 );
 						isParsed = c.parsers[ column ].id === 'checkbox';
-						onlyVisible = $table.length && c.checkboxVisible;
+						onlyVisible = c.checkboxVisible;
 						$table[ 0 ].tablesorterBusy = true; // prevent "change" event from calling updateCell numerous times (see #971)
-						$target = $table
-							.children( 'tbody' )
-							.children( 'tr' + ( typeof onlyVisible === 'undefined' || onlyVisible === true ? ':visible' : '' ) )
-							.children( ':nth-child(' + ( column + 1 ) + ')' )
-							.find( 'input[type="checkbox"]' )
-							.prop( 'checked', isChecked );
+						updateCheckbox(
+							$target = $table
+								.children( 'tbody' )
+								.children( 'tr' + ( typeof onlyVisible === 'undefined' || onlyVisible === true ? ':visible' : '' ) )
+								.children( ':nth-child(' + ( column + 1 ) + ')' ),
+							isChecked
+						);
 						// add checkbox class names to row
 						checkboxClass = c.checkboxClass || 'checked';
 						$target.each( function() {
 							toggleRowClass( $( this ).closest( 'tr' ), checkboxClass, column, isChecked );
 						});
+						if (isSticky) {
+							// make main table checkbox match sticky header checkbox
+							updateCheckbox($table.children( 'thead' ).find( '[data-column="' + column + '"]' ), isChecked);
+						} else if (c.widgetOptions.$sticky) {
+							updateCheckbox(c.widgetOptions.$sticky.find( 'thead' ).find( '[data-column="' + column + '"]' ), isChecked);
+						}
 						updateHeaderCheckbox( $table, checkboxClass );
 						if ( isParsed ) {
 							// only update cache if checkboxes are being sorted