Demos
Checkbox Selection
This demo shows how to
- implement a checkbox row selection by using the row selection callback events
Id | Name | Start Date | Salary | ||
---|---|---|---|---|---|
52963 | hjktfygtuiyg | employee@email.com | 2011-01-01 | 0.00 | |
52961 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52960 | dokter dark | dokter_dark@email.com | 2011-01-01 | 0.00 | |
52958 | test | test@email.com | 2011-01-01 | 0.00 | |
52957 | dfddsfg | employee@email.com | 2011-01-01 | 0.00 | |
52956 | nombre | employee@email.com | 2011-01-01 | 0.00 | |
52955 | Employee name... | employee@email.com | 2011-01-06 | 0.00 | |
52952 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52951 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52950 | test | employee@email.com | 2011-01-01 | 0.00 | |
52945 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52944 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52943 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52941 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52940 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52939 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52938 | erg4g24tgh42t | employee@email.com | 2011-01-01 | 0.00 | |
52937 | ze name... | employee@email.com | 2011-01-01 | 0.00 | |
52936 | Employee name... | employee@email.com | 2011-03-12 | 0.00 | |
52935 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52934 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52931 | siano na sniadanie dla koziolkadfs | koziolek@email.com | 0000-00-00 | 0.00 | |
52922 | tsting | employee@email.com | 2011-01-05 | 0.00 | |
52921 | Test Me NOW | employee1@email.com | 2011-01-01 | 0.00 | |
52920 | Employee name...jj | employee@emailerwr.com | 2011-01-01 | 0.00 | |
52919 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52918 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52917 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52916 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52915 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52914 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52913 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52912 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52911 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52910 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52909 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52908 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52907 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52906 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52905 | oöoiöoiöoiöioöoiö | employee@email.com | 2011-01-01 | 0.00 | |
52904 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52901 | rrrrr | employee@email.com | 2011-01-01 | 0.00 | |
52900 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52899 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52898 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52897 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52896 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52895 | i7i7l78l789 | employee@email.com | 2011-01-01 | 0.00 | |
52894 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52893 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52892 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52891 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52888 | employee@email.com | 2011-01-01 | 0.00 | ||
52887 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52886 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52885 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52884 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52883 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52882 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52881 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52880 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52879 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52878 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52877 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52876 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52875 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52874 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52873 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52872 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52871 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52870 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52869 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52868 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52867 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52866 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52865 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52864 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52863 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52862 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52861 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52860 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52859 | employee@email.com | 2011-01-01 | 0.00 | ||
52857 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52852 | rachunek | employee@email.com | 2011-01-01 | 0.00 | |
52851 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52850 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52849 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52848 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52847 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52846 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52845 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52844 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52843 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52842 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52841 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52840 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52839 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52838 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52837 | Employee name... | employee@email.com | 2011-01-01 | 0.00 | |
52836 | Employee name... | employee@email.com | 2011-01-01 | 0.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