Demos

Checkbox Selection

This demo shows how to

Id Name Email Start Date Salary
52963hjktfygtuiygemployee@email.com2011-01-010.00
52961Employee name...employee@email.com2011-01-010.00
52960dokter darkdokter_dark@email.com2011-01-010.00
52958testtest@email.com2011-01-010.00
52957dfddsfgemployee@email.com2011-01-010.00
52956nombreemployee@email.com2011-01-010.00
52955Employee name...employee@email.com2011-01-060.00
52952Employee name...employee@email.com2011-01-010.00
52951Employee name...employee@email.com2011-01-010.00
52950testemployee@email.com2011-01-010.00
52945Employee name...employee@email.com2011-01-010.00
52944Employee name...employee@email.com2011-01-010.00
52943Employee name...employee@email.com2011-01-010.00
52941Employee name...employee@email.com2011-01-010.00
52940Employee name...employee@email.com2011-01-010.00
52939Employee name...employee@email.com2011-01-010.00
52938erg4g24tgh42temployee@email.com2011-01-010.00
52937ze name...employee@email.com2011-01-010.00
52936Employee name...employee@email.com2011-03-120.00
52935Employee name...employee@email.com2011-01-010.00
52934Employee name...employee@email.com2011-01-010.00
52931siano na sniadanie dla koziolkadfskoziolek@email.com0000-00-000.00
52922tstingemployee@email.com2011-01-050.00
52921Test Me NOWemployee1@email.com2011-01-010.00
52920Employee name...jjemployee@emailerwr.com2011-01-010.00
52919Employee name...employee@email.com2011-01-010.00
52918Employee name...employee@email.com2011-01-010.00
52917Employee name...employee@email.com2011-01-010.00
52916Employee name...employee@email.com2011-01-010.00
52915Employee name...employee@email.com2011-01-010.00
52914Employee name...employee@email.com2011-01-010.00
52913Employee name...employee@email.com2011-01-010.00
52912Employee name...employee@email.com2011-01-010.00
52911Employee name...employee@email.com2011-01-010.00
52910Employee name...employee@email.com2011-01-010.00
52909Employee name...employee@email.com2011-01-010.00
52908Employee name...employee@email.com2011-01-010.00
52907Employee name...employee@email.com2011-01-010.00
52906Employee name...employee@email.com2011-01-010.00
52905oöoiöoiöoiöioöoiöemployee@email.com2011-01-010.00
52904Employee name...employee@email.com2011-01-010.00
52901rrrrremployee@email.com2011-01-010.00
52900Employee name...employee@email.com2011-01-010.00
52899Employee name...employee@email.com2011-01-010.00
52898Employee name...employee@email.com2011-01-010.00
52897Employee name...employee@email.com2011-01-010.00
52896Employee name...employee@email.com2011-01-010.00
52895i7i7l78l789employee@email.com2011-01-010.00
52894Employee name...employee@email.com2011-01-010.00
52893Employee name...employee@email.com2011-01-010.00
52892Employee name...employee@email.com2011-01-010.00
52891Employee name...employee@email.com2011-01-010.00
52888employee@email.com2011-01-010.00
52887Employee name...employee@email.com2011-01-010.00
52886Employee name...employee@email.com2011-01-010.00
52885Employee name...employee@email.com2011-01-010.00
52884Employee name...employee@email.com2011-01-010.00
52883Employee name...employee@email.com2011-01-010.00
52882Employee name...employee@email.com2011-01-010.00
52881Employee name...employee@email.com2011-01-010.00
52880Employee name...employee@email.com2011-01-010.00
52879Employee name...employee@email.com2011-01-010.00
52878Employee name...employee@email.com2011-01-010.00
52877Employee name...employee@email.com2011-01-010.00
52876Employee name...employee@email.com2011-01-010.00
52875Employee name...employee@email.com2011-01-010.00
52874Employee name...employee@email.com2011-01-010.00
52873Employee name...employee@email.com2011-01-010.00
52872Employee name...employee@email.com2011-01-010.00
52871Employee name...employee@email.com2011-01-010.00
52870Employee name...employee@email.com2011-01-010.00
52869Employee name...employee@email.com2011-01-010.00
52868Employee name...employee@email.com2011-01-010.00
52867Employee name...employee@email.com2011-01-010.00
52866Employee name...employee@email.com2011-01-010.00
52865Employee name...employee@email.com2011-01-010.00
52864Employee name...employee@email.com2011-01-010.00
52863Employee name...employee@email.com2011-01-010.00
52862Employee name...employee@email.com2011-01-010.00
52861Employee name...employee@email.com2011-01-010.00
52860Employee name...employee@email.com2011-01-010.00
52859employee@email.com2011-01-010.00
52857Employee name...employee@email.com2011-01-010.00
52852rachunekemployee@email.com2011-01-010.00
52851Employee name...employee@email.com2011-01-010.00
52850Employee name...employee@email.com2011-01-010.00
52849Employee name...employee@email.com2011-01-010.00
52848Employee name...employee@email.com2011-01-010.00
52847Employee name...employee@email.com2011-01-010.00
52846Employee name...employee@email.com2011-01-010.00
52845Employee name...employee@email.com2011-01-010.00
52844Employee name...employee@email.com2011-01-010.00
52843Employee name...employee@email.com2011-01-010.00
52842Employee name...employee@email.com2011-01-010.00
52841Employee name...employee@email.com2011-01-010.00
52840Employee name...employee@email.com2011-01-010.00
52839Employee name...employee@email.com2011-01-010.00
52838Employee name...employee@email.com2011-01-010.00
52837Employee name...employee@email.com2011-01-010.00
52836Employee 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!