Demos

Checkbox Selection

This demo shows how to

Id Name Email Start Date Salary
53260Employee name...employee@email.com2011-01-010.00
53259Employee name...employee@email.com2011-01-010.00
53258Employee name...employee@email.com2011-01-010.00
53257Employee name...employee@email.com2011-01-010.00
53256Employee name...employee@email.com2011-01-010.00
53255Employee name...employee@email.com2011-01-010.00
53254Employee name...employee@email.com2011-01-010.00
53253Employee name...employee@email.com2011-01-010.00
53252sfgsdfgsdfgdgemployee@email.com2012-01-010.00
53251ertertemployee@email.com2012-01-010.00
53250gdgafgemployee@email.com2012-01-010.00
53249Employee name...employee@email.com2012-01-010.00
53248Employee name...employee@email.com2012-01-010.00
53247Employee name...employee@email.com2011-01-010.00
53245Employee name...employee@email.com2011-01-010.00
53244REYemployee@email.com2011-01-200.00
53243Employee name...employee@email.com2011-01-010.00
53242Employee name...employee@email.com2011-01-010.00
53241Employee name...employee@email.com2011-01-010.00
53240Employee name...employee@email.com2011-01-010.00
53239Employee name...employee@email.com2011-01-010.00
53238Employee name...employee@email.com2011-01-010.00
53237Employee name...employee@email.com2011-01-010.00
53236Employee name...employee@email.com2011-01-010.00
53235dfg sdfgemployee@email.com2011-01-010.00
53234sdfg sdfgsdfg sdfgsdfgemployee@email.com2011-01-010.00
53233dfgsdf sdfgemployee@email.com2011-01-010.00
53232John Doeemployee@email.com2011-01-010.00
53231dfgsdfg sdfgsdfgemployee@email.com2011-01-070.00
53230Employee name...employee@email.com2011-01-010.00
53228Employee name...employee@email.com2011-01-010.00
53227Employee name...employee@email.com2011-01-010.00
53225Employee name...employee@email.com2011-01-010.00
53224Employee name...employee@email.com2011-01-010.00
53223Employee name...employee@email.com2011-01-010.00
53222Employee name...employee@email.com2007-04-180.00
53221Employee name...employee@email.com2011-01-010.00
53220Employee name...employee@email.com2011-01-010.00
53219Employee name...employee@email.com2011-01-010.00
53218Employee name...employee@email.com2011-01-010.00
53217Employee name...employee@email.com2011-01-010.00
53216hjkhkHUhuemployee@email.com2011-01-010.00
53215ccvcvcvemployee@email.com2011-01-010.00
53213Employee name...employee@email.com2011-01-010.00
53212Employee name...employee@email.com2011-01-010.00
53211Employee name...employee@email.com2011-01-010.00
53210Employee name...employee@email.com2011-01-010.00
53209Employee name...employee@email.com2011-01-010.00
53208Employee name...employee@email.com2011-01-010.00
53206Employee name...employee@email.com2011-01-010.00
53205efsdfemployee@email.com2011-01-130.00
53204Josejmsosa77@hotmail.com2011-01-010.00
53202fefsdfemployee@email.com2011-01-010.00
53200Employee name...employee@email.com2011-01-010.00
53199Employee name...employee@email.com2011-01-010.00
53198Employee name...employee@email.com2011-01-010.00
53197Employee name...employee@email.com2011-01-010.00
53196capotemployee@email.com2011-01-010.00
53195JUAN PEREZ PEREZemployee@email.com2011-01-010.00
53189test2employee@email.com2011-01-010.00
53187testbbbemployee@email.l2011-01-010.00
53186asdfasdfemployee@email.com2018-01-072.23
53185dfdemployee@email.com2011-01-010.00
53184fgfgfemployee@email.com2011-01-010.00
53183Employee name...employee@email.com2011-01-010.00
53182hjgfvih uyoiug oi hoilemployee@email.com2011-01-010.00
53181Employee name...employee@email.com2011-01-010.00
53180Employee name...employee@email.com2011-01-120.00
53179Employee name...employee@email.com2011-01-010.00
53178Employee name...employee@email.com2011-01-010.00
53177Employee name...employee@email.com2011-01-010.00
53176Employee name...employee@email.com2011-01-010.00
53175Employee name...employee@email.com2011-01-010.00
53174Employee name...employee@email.com2011-01-010.00
53173Employee name...employee@email.com2011-01-010.00
53172Employee name...employee@email.com2011-01-010.00
53171Employee name...employee@email.com2011-01-010.00
53170Employee name...employee@email.com2011-01-010.00
53169Employee name...employee@email.com2011-01-010.00
53168Employee name...employee@email.com2011-01-010.00
53167Employee name...employee@email.com2011-01-010.00
53166Employee name...employee@email.com2011-01-010.00
53165Employee name...employee@email.com2011-01-010.00
53164Employee name...employee@email.com2011-01-010.00
53163Employee name...employee@email.com2011-01-010.00
53162Employee name...employee@email.com2011-01-010.00
53161Employee name...employee@email.com2011-01-010.00
53160Employee name...employee@email.com2011-01-010.00
53159Employee name...employee@email.com2011-01-010.00
53158Employee name...employee@email.com2011-01-010.00
53157Employee name...employee@email.com2011-01-010.00
53156Employee name...employee@email.com2011-01-010.00
53155Employee name...employee@email.com2011-01-010.00
53154Employee name...employee@email.com2011-01-010.00
53153Employee name...employee@email.com2011-01-010.00
53152Employee name...employee@email.com2011-01-010.00
53151Employee name...employee@email.com2011-01-010.00
53150Employee name...employee@email.com0000-00-000.00
53149Employee name...employee@email.com2011-01-010.00
53148Ca roemployee@email.com2011-01-160.00
 
	//ezEditTable configuration object			
	var demo1Config = {
		key_navigation: false, 
		key_selection: false,
		selection_model: 'multiple',
		default_selection: 'row',
		on_selection_initialized: function(o){  
			var headerRow = o.table.rows[0];
			var c = headerRow.cells[0];
			o.checkBoxAll = o.Tag(c, 'input')[0]; //header checkbox is referenced here o.checkBoxAll
			o.checkBoxAll.checked = false; //header checkbox always unselected at start
		},
		on_after_selected_row: function(o, row){
			var c = row.cells[0];
			var checkBox = o.Tag(c, 'input')[0];
			if(checkBox) checkBox.checked = true;
		},
		on_after_deselected_row: function(o, row){
			var c = row.cells[0];
			var checkBox = o.Tag(c, 'input')[0];
			if(checkBox) checkBox.checked = false;
		}
	};
	
	function ToggleAll(o){
		if(o.checkBoxAll.checked == false){
			o.Selection.ClearSelections();
		} else {
			for(var i=o.startRow; i<o.GetRowsNb(); i++){
				o.Selection.SelectRowByIndex(i);
			}
		}
	}
Top of page
E.n.j.o.y. ads-free content!
© Max Guglielmi