Demos

Checkbox Selection

This demo shows how to

Id Name Email Start Date Salary
53232Employee name...employee@email.com2011-01-010.00
53231Employee name...employee@email.com2011-01-010.00
53230Employee name...employee@email.com2011-01-010.00
53229Employee 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.com2011-01-010.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
53147Employee name...employee@email.com2011-05-161000.00
53146Employee name...employee@email.com2011-01-010.00
53144Employee name...employee@email.com2011-01-010.00
53143Employee name...employee@email.com2011-01-010.00
53142Employee name...employee@gmail.com2011-01-010.00
53141employee@email.com2011-01-010.00
53138Ankaemployee@email.com2019-01-240.28
53137Marekemployee1@email.com2011-01-0112.25
53135Matolekemployee@email.com2011-01-01236.00
53133Employee name...employee@email.com2011-01-011258.02
53132Employee name...employee@email.com2011-01-010.00
53131Employee name...employee@email.com2011-01-010.00
53130Employee name...employee@email.com2011-01-010.00
53129Employee name...employee@email.com2011-01-010.00
53128Employee name...employee@email.com2011-01-010.00
53127Employee name...employee@email.com2011-01-010.00
53126Employee name...employee@email.com2011-01-010.00
53125Employee name...employee@email.com2011-01-010.00
53124Employee name...employee@email.com2011-01-010.00
53123Employee name...employee@email.com2011-01-010.00
53122Employee name...employee@email.com2011-01-010.00
53121Employee name...employee@email.com2011-01-010.00
53120Employee name...employee@email.com2011-01-010.00
53119Employee name...employee@email.com2011-01-010.00
53118Employee name...employee@email.com2011-01-010.00
53117Employee name...employee@email.com2011-01-010.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