deblan-mirror/TableFilter
1
0
Fork 0
mirror of https://github.com/koalyptus/TableFilter.git synced 2024-05-10 18:36:43 +02:00
Code Issues Releases Wiki Activity

Refactored ezEditTable extension

Browse source
This commit is contained in:
Max Guglielmi 2015-05-17 19:35:49 +10:00
parent 2cefcd43a6
commit e29c024fa3
5 changed files with 507 additions and 474 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

171
examples/dev.html
View file

@ -4,77 +4,84 @@
<title>HTML Table Filter Generator</title>
</head>
<body>
<table id="demo" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th>From</th>
<th>Destination</th>
<th>Road Distance (km)</th>
<th>By Air (hrs)</th>
<th width="15%">By Rail (hrs)</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Tot:</td>
<td></td>
<td id="sum1"></td>
<td id="sum2"></td>
<td></td>
</tr>
</tfoot>
<tbody>
<tr>
<td><strong>Sydney</strong></td>
<td>Adelaide</td>
<td>1412</td>
<td>1.4</td>
<td>25.3</td>
</tr>
<tr>
<td><strong>Sydney</strong></td>
<td>Brisbane</td>
<td>982</td>
<td>1.5</td>
<td>16</td>
</tr>
<tr>
<td><strong>Sydney</strong></td>
<td>Canberra</td>
<td>286</td>
<td>.6</td>
<td>4.3</td>
</tr>
<tr>
<td><strong>Sydney</strong></td>
<td>Melbourne</td>
<td>872</td>
<td>1.1</td>
<td>10.5</td>
</tr>
<tr>
<td><strong>Adelaide</strong></td>
<td>Perth</td>
<td>2781</td>
<td>3.1</td>
<td>38</td>
</tr>
<tr>
<td><strong>Adelaide</strong></td>
<td>Alice Springs</td>
<td>1533</td>
<td>2</td>
<td>20.25</td>
</tr>
<tr>
<td><strong>Adelaide</strong></td>
<td>Brisbane</td>
<td>2045</td>
<td>2.15</td>
<td>40</td>
</tr>
</tbody>
</table>
<div style="width:800px;">
<table id="demo" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th>From</th>
<th>Destination</th>
<th>Road Distance (km)</th>
<th>By Air (hrs)</th>
<th width="15%">By Rail (hrs)</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Tot:</td>
<td></td>
<td id="sum1"></td>
<td id="sum2"></td>
<td></td>
</tr>
</tfoot>
<tbody>
<tr>
<td><strong>Sydney</strong></td>
<td>Adelaide</td>
<td>1412</td>
<td>1.4</td>
<td>25.3</td>
</tr>
<tr>
<td><strong>Sydney</strong></td>
<td>Brisbane</td>
<td>982</td>
<td>1.5</td>
<td>16</td>
</tr>
<tr>
<td><strong>Sydney</strong></td>
<td>Canberra</td>
<td>286</td>
<td>.6</td>
<td>4.3</td>
</tr>
<tr>
<td><strong>Sydney</strong></td>
<td>Melbourne</td>
<td>872</td>
<td>1.1</td>
<td>10.5</td>
</tr>
<tr>
<td><strong>Adelaide</strong></td>
<td>Perth</td>
<td>2781</td>
<td>3.1</td>
<td>38</td>
</tr>
<tr>
<td><strong>Adelaide</strong></td>
<td>Alice Springs</td>
<td>1533</td>
<td>2</td>
<td>20.25</td>
</tr>
<tr>
<td><strong>Adelaide</strong></td>
<td>Brisbane</td>
<td>2045</td>
<td>2.15</td>
<td>40</td>
</tr>
</tbody>
</table>
</div>
<div>
<button onclick="tf.ExtRegistry.advancedGrid.destroy();">Remove ezEditTable</button>
<button onclick="tf.ExtRegistry.advancedGrid.reset();">Reset ezEditTable</button>
</div>
<script type="text/javascript" src="../build/tablefilter/tablefilter.js"></script>
<script>
@ -111,16 +118,24 @@
decimal_precision: [0, 2],
tot_row_index: [totRowIndex, totRowIndex]
},
selectable: true,
editable: true,
ezEditTable_config: {
path: '../libs/ezEditTable/ezEditTable.js'
},
// selectable: true,
// editable: true,
// ezEditTable_config: {
// path: '../libs/ezEditTable/ezEditTable.js',
// default_selection: 'both',
// auto_save: false
// },
extensions: [{
name: 'advancedGrid',
vendor_path: '../libs/ezEditTable/',
selectable: true,
editable: true,
default_selection: 'both',
auto_save: false
},{
/*** Columns Visibility Manager extension load ***/
name: 'colsVisibility',
description: 'Columns visibility manager',/*
initialize: function(o){o.SetColsVisibility();}*/
description: 'Columns visibility manager',
// manager: true,
tick_to_hide: true,
// headers_table: true,

374
src-es6/extensions/advancedGrid/adapterEzEditTable.js Normal file
View file

@ -0,0 +1,374 @@
import {Dom} from '../../dom';
import {Arr} from '../../array';
export default class AdapterEzEditTable {
/**
* Adapter module for ezEditTable, an external library providing advanced
* grid features (selection and edition):
* http://codecanyon.net/item/ezedittable-enhance-html-tables/2425123?ref=koalyptus
*
* @param {Object} tf TableFilter instance
*/
constructor(tf, cfg){
// ezEditTable config
this.cfg = cfg;
this.name = 'ezEditTable.js';
this.vendorPath = this.cfg.vendor_path || tf.extensionsPath +
'ezEditTable/';
this.loadStylesheet = this.cfg.loadStylesheet===true ? true : false;
this.stylesheet = this.cfg.stylesheet || this.vendorPath +
'ezEditTable.css';
this.stylesheetName = this.cfg.stylesheetName || 'ezEditTableCss';
this.err = 'Failed to instantiate EditTable object.\n"ezEditTable" ' +
'dependency not found.';
this._ezEditTable = null;
this.tf = tf;
}
/**
* Conditionally load ezEditTable library and set advanced grid
* @return {[type]} [description]
*/
init(){
var tf = this.tf;
if(window.EditTable/*tf.isImported(this.path)*/){
this._setAdvancedGrid();
} else {
var path = this.vendorPath + this.name;
tf.import(this.name, path, ()=> { this._setAdvancedGrid(); });
}
if(this.loadStylesheet && !tf.isImported(this.stylesheet, 'link')){
tf.import(this.stylesheetName, this.stylesheet, null, 'link');
}
}
/**
* Instantiate ezEditTable component for advanced grid features
*/
_setAdvancedGrid(){
var tf = this.tf;
//start row for EditTable constructor needs to be calculated
var startRow,
cfg = this.cfg,
thead = Dom.tag(tf.tbl, 'thead');
//if thead exists and startRow not specified, startRow is calculated
//automatically by EditTable
if(thead.length > 0 && !cfg.startRow){
startRow = undefined;
}
//otherwise startRow config property if any or TableFilter refRow
else{
startRow = cfg.startRow || tf.refRow;
}
cfg.base_path = cfg.base_path || tf.basePath + 'ezEditTable/';
// var editable = tf.editable;
var editable = cfg.editable;
// cfg.editable = editable;
// var selectable = tf.selectable;
var selectable = cfg.selectable;
cfg.selection = selectable;
if(selectable){
cfg.default_selection = cfg.default_selection || 'row';
}
//CSS Styles
cfg.active_cell_css = cfg.active_cell_css || 'ezETSelectedCell';
var _lastValidRowIndex = 0;
var _lastRowIndex = 0;
if(selectable){
//Row navigation needs to be calculated according to TableFilter's
//validRowsIndex array
var onAfterSelection = function(et, selectedElm, e){
var slc = et.Selection;
//Next valid filtered row needs to be selected
var doSelect = function(nextRowIndex){
if(et.defaultSelection === 'row'){
slc.SelectRowByIndex(nextRowIndex);
} else {
et.ClearSelections();
var cellIndex = selectedElm.cellIndex,
row = tf.tbl.rows[nextRowIndex];
if(et.defaultSelection === 'both'){
slc.SelectRowByIndex(nextRowIndex);
}
if(row){
slc.SelectCell(row.cells[cellIndex]);
}
}
//Table is filtered
if(tf.validRowsIndex.length !== tf.getRowsNb()){
var r = tf.tbl.rows[nextRowIndex];
if(r){
r.scrollIntoView(false);
}
if(cell){
if(cell.cellIndex === (tf.getCellsNb()-1) &&
tf.gridLayout){
tf.tblCont.scrollLeft = 100000000;
}
else if(cell.cellIndex===0 && tf.gridLayout){
tf.tblCont.scrollLeft = 0;
} else {
cell.scrollIntoView(false);
}
}
}
};
//table is not filtered
if(!tf.validRowsIndex){
return;
}
var validIndexes = tf.validRowsIndex,
validIdxLen = validIndexes.length,
row = et.defaultSelection !== 'row' ?
selectedElm.parentNode : selectedElm,
//cell for default_selection = 'both' or 'cell'
cell = selectedElm.nodeName==='TD' ? selectedElm : null,
keyCode = e !== undefined ? et.Event.GetKey(e) : 0,
isRowValid = Arr.has(validIndexes, row.rowIndex),
nextRowIndex,
//pgup/pgdown keys
d = (keyCode === 34 || keyCode === 33 ?
(tf.Cpt.paging.pagingLength || et.nbRowsPerPage) : 1);
//If next row is not valid, next valid filtered row needs to be
//calculated
if(!isRowValid){
//Selection direction up/down
if(row.rowIndex>_lastRowIndex){
//last row
if(row.rowIndex >= validIndexes[validIdxLen-1]){
nextRowIndex = validIndexes[validIdxLen-1];
} else {
var calcRowIndex = (_lastValidRowIndex + d);
if(calcRowIndex > (validIdxLen-1)){
nextRowIndex = validIndexes[validIdxLen-1];
} else {
nextRowIndex = validIndexes[calcRowIndex];
}
}
} else{
//first row
if(row.rowIndex <= validIndexes[0]){
nextRowIndex = validIndexes[0];
} else {
var v = validIndexes[_lastValidRowIndex - d];
nextRowIndex = v ? v : validIndexes[0];
}
}
_lastRowIndex = row.rowIndex;
doSelect(nextRowIndex);
} else {
//If filtered row is valid, special calculation for
//pgup/pgdown keys
if(keyCode!==34 && keyCode!==33){
_lastValidRowIndex = Arr.indexByValue(validIndexes,
row.rowIndex);
_lastRowIndex = row.rowIndex;
} else {
if(keyCode === 34){ //pgdown
//last row
if((_lastValidRowIndex + d) <= (validIdxLen-1)){
nextRowIndex = validIndexes[
_lastValidRowIndex + d];
} else {
nextRowIndex = [validIdxLen-1];
}
} else { //pgup
//first row
if((_lastValidRowIndex - d) <= validIndexes[0]){
nextRowIndex = validIndexes[0];
} else {
nextRowIndex = validIndexes[
_lastValidRowIndex - d];
}
}
_lastRowIndex = nextRowIndex;
_lastValidRowIndex = Arr.indexByValue(validIndexes,
nextRowIndex);
doSelect(nextRowIndex);
}
}
};
//Page navigation has to be enforced whenever selected row is out of
//the current page range
var onBeforeSelection = function(et, selectedElm){
var row = et.defaultSelection !== 'row' ?
selectedElm.parentNode : selectedElm;
if(tf.paging){
if(tf.Cpt.paging.nbPages > 1){
var paging = tf.Cpt.paging;
//page length is re-assigned in case it has changed
et.nbRowsPerPage = paging.pagingLength;
var validIndexes = tf.validRowsIndex,
validIdxLen = validIndexes.length,
pagingEndRow = parseInt(paging.startPagingRow, 10) +
parseInt(paging.pagingLength, 10);
var rowIndex = row.rowIndex;
if((rowIndex === validIndexes[validIdxLen-1]) &&
paging.currentPageNb!==paging.nbPages){
paging.setPage('last');
}
else if((rowIndex == validIndexes[0]) &&
paging.currentPageNb!==1){
paging.setPage('first');
}
else if(rowIndex > validIndexes[pagingEndRow-1] &&
rowIndex < validIndexes[validIdxLen-1]){
paging.setPage('next');
}
else if(
rowIndex < validIndexes[paging.startPagingRow] &&
rowIndex > validIndexes[0]){
paging.setPage('previous');
}
}
}
};
//Selected row needs to be visible when paging is activated
if(tf.paging){
tf.Cpt.paging.onAfterChangePage = function(tf){
var et = tf.ExtRegistry.ezEditTable;
var slc = et.Selection;
var row = slc.GetActiveRow();
if(row){
row.scrollIntoView(false);
}
var cell = slc.GetActiveCell();
if(cell){
cell.scrollIntoView(false);
}
};
}
//Rows navigation when rows are filtered is performed with the
//EditTable row selection callback events
if(cfg.default_selection==='row'){
var fnB = cfg.on_before_selected_row;
cfg.on_before_selected_row = function(){
onBeforeSelection(arguments[0], arguments[1], arguments[2]);
if(fnB){
fnB.call(
null, arguments[0], arguments[1], arguments[2]);
}
};
var fnA = cfg.on_after_selected_row;
cfg.on_after_selected_row = function(){
onAfterSelection(arguments[0], arguments[1], arguments[2]);
if(fnA){
fnA.call(
null, arguments[0], arguments[1], arguments[2]);
}
};
} else {
var fnD = cfg.on_before_selected_cell;
cfg.on_before_selected_cell = function(){
onBeforeSelection(arguments[0], arguments[1], arguments[2]);
if(fnD){
fnD.call(
null, arguments[0], arguments[1], arguments[2]);
}
};
var fnC = cfg.on_after_selected_cell;
cfg.on_after_selected_cell = function(){
onAfterSelection(arguments[0], arguments[1], arguments[2]);
if(fnC){
fnC.call(
null, arguments[0], arguments[1], arguments[2]);
}
};
}
}
if(editable){
//Added or removed rows, TF rows number needs to be re-calculated
var fnE = cfg.on_added_dom_row;
cfg.on_added_dom_row = function(){
tf.nbFilterableRows++;
if(!tf.paging){
tf.Cpt.rowsCounter.refresh();
} else {
tf.nbRows++;
tf.nbVisibleRows++;
tf.nbFilterableRows++;
tf.paging=false;
tf.Cpt.paging.destroy();
tf.Cpt.paging.addPaging();
}
if(tf.alternateBgs){
tf.Cpt.alternateRows.init();
}
if(fnE){
fnE.call(null, arguments[0], arguments[1], arguments[2]);
}
};
if(cfg.actions && cfg.actions['delete']){
var fnF = cfg.actions['delete'].on_after_submit;
cfg.actions['delete'].on_after_submit = function(){
tf.nbFilterableRows--;
if(!tf.paging){
tf.Cpt.rowsCounter.refresh();
} else {
tf.nbRows--;
tf.nbVisibleRows--;
tf.nbFilterableRows--;
tf.paging=false;
tf.Cpt.paging.destroy();
tf.Cpt.paging.addPaging(false);
}
if(tf.alternateBgs){
tf.Cpt.alternateRows.init();
}
if(fnF){
fnF.call(null, arguments[0], arguments[1]);
}
};
}
}
try{
this._ezEditTable = new EditTable(tf.id, cfg, startRow);
this._ezEditTable.Init();
} catch(e) { throw new Error(this.err); }
}
/**
* Reset advanced grid when previously removed
*/
reset(){
var ezEditTable = this._ezEditTable;
if(ezEditTable){
if(this.cfg.selectable){
ezEditTable.Selection.Set();
}
if(this.cfg.editable){
ezEditTable.Editable.Set();
}
}
}
/**
* Remove advanced grid
*/
destroy(){
var ezEditTable = this._ezEditTable;
if(ezEditTable){
if(this.cfg.selectable){
ezEditTable.Selection.ClearSelections();
ezEditTable.Selection.Remove();
}
if(this.cfg.editable){
ezEditTable.Editable.Remove();
}
}
}
}

3
src-es6/extensions/advancedGrid/advancedGrid.js Normal file
View file

@ -0,0 +1,3 @@
import AdapterEzEditTable from './adapterEzEditTable';
export default AdapterEzEditTable;

7
src-es6/extensions/colsVisibility/colsVisibility.js
View file

@ -10,12 +10,9 @@ export default class ColsVisibility{
* Columns Visibility extension
* @param {Object} tf TableFilter instance
*/
constructor(
tf,
ext={
constructor(tf, ext={
name:'colsVisibility',
description:'Columns visibility manager'
}){
description:'Columns visibility manager'}){
// Configuration object
var f = ext;

426
src-es6/tablefilter.js
View file

@ -101,12 +101,12 @@ export class TableFilter{
this.extensionsPath = f.extensions_path || this.basePath+'extensions/';
/*** filter types ***/
this.fltTypeInp = 'input';
this.fltTypeSlc = 'select';
this.fltTypeMulti = 'multiple';
this.fltTypeCheckList = 'checklist';
this.fltTypeNone = 'none';
this.fltCol = []; //filter type of each column
this.fltTypeInp = 'input';
this.fltTypeSlc = 'select';
this.fltTypeMulti = 'multiple';
this.fltTypeCheckList = 'checklist';
this.fltTypeNone = 'none';
this.fltCol = []; //filter type of each column
for(var j=0; j<this.nbCells; j++){
var cfgCol = f['col_'+j];
@ -392,25 +392,9 @@ export class TableFilter{
/*** ezEditTable extension ***/
//enables/disables table selection feature
this.selectable = f.selectable===true ? true : false;
// this.selectable = f.selectable===true ? true : false;
//enables/disables editable table feature
this.editable = f.editable===true ? true : false;
//ezEditTable configuration options
this.ezEditTableCfg = f.ezEditTable_config || {};
this.ezEditTableCfg.name = this.ezEditTableCfg.name || 'ezedittable';
this.ezEditTableCfg.path = this.ezEditTableCfg.path ||
this.extensionsPath + 'ezEditTable/ezEditTable.js';
//ezEditTable stylesheet not imported by default as filtergrid.css
//applies
this.ezEditTableCfg.loadStylesheet =
this.ezEditTableCfg.loadStylesheet===true ? true : false;
this.ezEditTableCfg.stylesheet =
this.ezEditTableCfg.stylesheet || this.extensionsPath +
'ezEditTable/ezEditTable.css';
this.ezEditTableCfg.stylesheetName =
this.ezEditTableCfg.stylesheetName || 'ezEditTableCss';
this.ezEditTableCfg.err = 'Failed to instantiate EditTable ' +
'object.\n"ezEditTable" module may not be available.';
// this.editable = f.editable===true ? true : false;
/*** onkeyup event ***/
//enables/disables onkeyup event, table is filtered when user stops
@ -518,8 +502,6 @@ export class TableFilter{
/*** extensions ***/
//imports external script
// this.hasExtensions = f.extensions===true ? true : false;
// this.extensions = this.hasExtensions ? f.extensions : null;
this.extensions = f.extensions;
this.hasExtensions = types.isArray(this.extensions);
@ -638,14 +620,14 @@ export class TableFilter{
o.isUserTyping = false;
global.clearInterval(o.onKeyUpTimer);
}
if(o.ezEditTable){
if(o.editable){
o.ezEditTable.Editable.Set();
}
if(o.selectable){
o.ezEditTable.Selection.Set();
}
}
// if(o.ezEditTable){
// if(o.editable){
// o.ezEditTable.Editable.Set();
// }
// if(o.selectable){
// o.ezEditTable.Selection.Set();
// }
// }
},
/*====================================================
- onfocus event for input filters
@ -658,14 +640,14 @@ export class TableFilter{
evt.cancel(_evt);
evt.stop(_evt);
}
if(o.ezEditTable){
if(o.editable){
o.ezEditTable.Editable.Remove();
}
if(o.selectable){
o.ezEditTable.Selection.Remove();
}
}
// if(o.ezEditTable){
// if(o.editable){
// o.ezEditTable.Editable.Remove();
// }
// if(o.selectable){
// o.ezEditTable.Selection.Remove();
// }
// }
},
/*====================================================
- onfocus event for select filters
@ -1097,9 +1079,9 @@ export class TableFilter{
if(this.sort /*|| this.gridLayout*/){
this.setSort();
}
if(this.selectable || this.editable){
this.setEditable();
}
// if(this.selectable || this.editable){
// this.setEditable();
// }
this.isFirstLoad = false;
this._hasGrid = true;
@ -1354,9 +1336,9 @@ export class TableFilter{
if(this.markActiveColumns){
this.clearActiveColumns();
}
if(this.editable || this.selectable){
this.removeEditable();
}
// if(this.editable || this.selectable){
// this.removeEditable();
// }
//this loop shows all rows and removes validRow attribute
for(var j=this.refRow; j<this.nbRows; j++){
rows[j].style.display = '';
@ -1506,349 +1488,11 @@ export class TableFilter{
- Sets selection or edition features by loading
ezEditTable script by Max Guglielmi
=====================================================*/
setEditable(){
var ezEditConfig = this.ezEditTableCfg;
if(this.isImported(ezEditConfig.path)){
this._enableEditable();
} else {
this.import(ezEditConfig.name,
ezEditConfig.path, this._enableEditable);
}
if(ezEditConfig.loadStylesheet &&
!this.isImported(ezEditConfig.stylesheet, 'link')){
this.import(ezEditConfig.stylesheetName,
ezEditConfig.stylesheet, null, 'link');
}
}
/*====================================================
- Removes selection or edition features
=====================================================*/
removeEditable(){
var ezEditTable = this.ezEditTable;
if(ezEditTable){
if(this.selectable){
ezEditTable.Selection.ClearSelections();
ezEditTable.Selection.Remove();
}
if(this.editable){
ezEditTable.Editable.Remove();
}
}
}
/*====================================================
- Resets selection or edition features after
removal
=====================================================*/
resetEditable(){
var ezEditTable = this.ezEditTable;
if(ezEditTable){
if(this.selectable){
ezEditTable.Selection.Set();
}
if(this.editable){
ezEditTable.Editable.Set();
}
}
}
_enableEditable(o){
if(!o){ o = this; }
//start row for EditTable constructor needs to be calculated
var startRow,
ezEditConfig = o.ezEditTableCfg,
thead = dom.tag(o.tbl,'thead');
//if thead exists and startRow not specified, startRow is calculated
//automatically by EditTable
if(thead.length > 0 && !ezEditConfig.startRow){
startRow = undefined;
}
//otherwise startRow config property if any or TableFilter refRow
else{
startRow = ezEditConfig.startRow || o.refRow;
}
ezEditConfig.scroll_into_view = ezEditConfig.scroll_into_view===false ?
false : true;
ezEditConfig.base_path = ezEditConfig.base_path ||
o.basePath + 'ezEditTable/';
ezEditConfig.editable = o.editable = o.cfg.editable;
ezEditConfig.selection = o.selectable = o.cfg.selectable;
if(o.selectable){
ezEditConfig.default_selection =
ezEditConfig.default_selection || 'row';
}
//CSS Styles
ezEditConfig.active_cell_css = ezEditConfig.active_cell_css ||
'ezETSelectedCell';
o._lastValidRowIndex = 0;
o._lastRowIndex = 0;
if(o.selectable){
//Row navigation needs to be calculated according to TableFilter's
//validRowsIndex array
var onAfterSelection = function(et, selectedElm, e){
var slc = et.Selection;
//Next valid filtered row needs to be selected
var doSelect = function(nextRowIndex){
if(et.defaultSelection === 'row'){
slc.SelectRowByIndex(nextRowIndex);
} else {
et.ClearSelections();
var cellIndex = selectedElm.cellIndex,
row = o.tbl.rows[nextRowIndex];
if(et.defaultSelection === 'both'){
slc.SelectRowByIndex(nextRowIndex);
}
if(row){
slc.SelectCell(row.cells[cellIndex]);
}
}
//Table is filtered
if(o.validRowsIndex.length !== o.getRowsNb()){
var r = o.tbl.rows[nextRowIndex];
if(r){
r.scrollIntoView(false);
}
if(cell){
if(cell.cellIndex===(o.getCellsNb()-1) &&
o.gridLayout){
o.tblCont.scrollLeft = 100000000;
}
else if(cell.cellIndex===0 && o.gridLayout){
o.tblCont.scrollLeft = 0;
} else {
cell.scrollIntoView(false);
}
}
}
};
//table is not filtered
if(!o.validRowsIndex){
return;
}
var validIndexes = o.validRowsIndex,
validIdxLen = validIndexes.length,
row = et.defaultSelection !== 'row' ?
selectedElm.parentNode : selectedElm,
//cell for default_selection = 'both' or 'cell'
cell = selectedElm.nodeName==='TD' ? selectedElm : null,
keyCode = e !== undefined ? et.Event.GetKey(e) : 0,
isRowValid = array.has(validIndexes, row.rowIndex),
nextRowIndex,
//pgup/pgdown keys
d = (keyCode === 34 || keyCode === 33 ?
(o.pagingLength || et.nbRowsPerPage) : 1);
//If next row is not valid, next valid filtered row needs to be
//calculated
if(!isRowValid){
//Selection direction up/down
if(row.rowIndex>o._lastRowIndex){
//last row
if(row.rowIndex >= validIndexes[validIdxLen-1]){
nextRowIndex = validIndexes[validIdxLen-1];
} else {
var calcRowIndex = (o._lastValidRowIndex + d);
if(calcRowIndex > (validIdxLen-1)){
nextRowIndex = validIndexes[validIdxLen-1];
} else {
nextRowIndex = validIndexes[calcRowIndex];
}
}
} else{
//first row
if(row.rowIndex <= validIndexes[0]){
nextRowIndex = validIndexes[0];
} else {
var v = validIndexes[o._lastValidRowIndex - d];
nextRowIndex = v ? v : validIndexes[0];
}
}
o._lastRowIndex = row.rowIndex;
doSelect(nextRowIndex);
} else {
//If filtered row is valid, special calculation for
//pgup/pgdown keys
if(keyCode!==34 && keyCode!==33){
o._lastValidRowIndex = array.indexByValue(validIndexes,
row.rowIndex);
o._lastRowIndex = row.rowIndex;
} else {
if(keyCode === 34){ //pgdown
//last row
if((o._lastValidRowIndex + d) <= (validIdxLen-1)){
nextRowIndex = validIndexes[
o._lastValidRowIndex + d];
} else {
nextRowIndex = [validIdxLen-1];
}
} else { //pgup
//first row
if((o._lastValidRowIndex - d) <= validIndexes[0]){
nextRowIndex = validIndexes[0];
} else {
nextRowIndex = validIndexes[
o._lastValidRowIndex - d];
}
}
o._lastRowIndex = nextRowIndex;
o._lastValidRowIndex = array.indexByValue(validIndexes,
nextRowIndex);
doSelect(nextRowIndex);
}
}
};
//Page navigation has to be enforced whenever selected row is out of
//the current page range
var onBeforeSelection = function(et, selectedElm){
var row = et.defaultSelection !== 'row' ?
selectedElm.parentNode : selectedElm;
if(o.paging){
if(o.Cpt.paging.nbPages>1){
var paging = o.Cpt.paging;
//page length is re-assigned in case it has changed
et.nbRowsPerPage = paging.pagingLength;
var validIndexes = o.validRowsIndex,
validIdxLen = validIndexes.length,
pagingEndRow = parseInt(paging.startPagingRow, 10) +
parseInt(paging.pagingLength, 10);
var rowIndex = row.rowIndex;
if((rowIndex === validIndexes[validIdxLen-1]) &&
paging.currentPageNb!==paging.nbPages){
paging.setPage('last');
}
else if((rowIndex == validIndexes[0]) &&
paging.currentPageNb!==1){
paging.setPage('first');
}
else if(rowIndex > validIndexes[pagingEndRow-1] &&
rowIndex < validIndexes[validIdxLen-1]){
paging.setPage('next');
}
else if(
rowIndex < validIndexes[paging.startPagingRow] &&
rowIndex > validIndexes[0]){
paging.setPage('previous');
}
}
}
};
//Selected row needs to be visible when paging is activated
if(o.paging){
o.onAfterChangePage = function(tf){
var et = tf.ExtRegistry.ezEditTable;
var slc = et.Selection;
var row = slc.GetActiveRow();
if(row){
row.scrollIntoView(false);
}
var cell = slc.GetActiveCell();
if(cell){
cell.scrollIntoView(false);
}
};
}
//Rows navigation when rows are filtered is performed with the
//EditTable row selection callback events
if(ezEditConfig.default_selection==='row'){
var fnB = ezEditConfig.on_before_selected_row;
ezEditConfig.on_before_selected_row = function(){
onBeforeSelection(arguments[0], arguments[1], arguments[2]);
if(fnB){
fnB.call(
null, arguments[0], arguments[1], arguments[2]);
}
};
var fnA = ezEditConfig.on_after_selected_row;
ezEditConfig.on_after_selected_row = function(){
onAfterSelection(arguments[0], arguments[1], arguments[2]);
if(fnA){
fnA.call(
null, arguments[0], arguments[1], arguments[2]);
}
};
} else {
var fnD = ezEditConfig.on_before_selected_cell;
ezEditConfig.on_before_selected_cell = function(){
onBeforeSelection(arguments[0], arguments[1], arguments[2]);
if(fnD){
fnD.call(
null, arguments[0], arguments[1], arguments[2]);
}
};
var fnC = ezEditConfig.on_after_selected_cell;
ezEditConfig.on_after_selected_cell = function(){
onAfterSelection(arguments[0], arguments[1], arguments[2]);
if(fnC){
fnC.call(
null, arguments[0], arguments[1], arguments[2]);
}
};
}
}
if(o.editable){
//Added or removed rows, TF rows number needs to be re-calculated
var fnE = ezEditConfig.on_added_dom_row;
ezEditConfig.on_added_dom_row = function(){
o.nbFilterableRows++;
if(!o.paging){
o.Cpt.rowsCounter.refresh();
} else {
o.nbRows++;
o.nbVisibleRows++;
o.nbFilterableRows++;
o.paging=false;
o.Cpt.paging.destroy();
o.Cpt.paging.addPaging();
}
if(o.alternateBgs){
o.Cpt.alternateRows.init();
}
if(fnE){
fnE.call(null, arguments[0], arguments[1], arguments[2]);
}
};
if(ezEditConfig.actions && ezEditConfig.actions['delete']){
var fnF = ezEditConfig.actions['delete'].on_after_submit;
ezEditConfig.actions['delete'].on_after_submit = function(){
o.nbFilterableRows--;
if(!o.paging){
o.Cpt.rowsCounter.refresh();
} else {
o.nbRows--;
o.nbVisibleRows--;
o.nbFilterableRows--;
o.paging=false;
o.Cpt.paging.destroy();
o.Cpt.paging.addPaging(false);
}
if(o.alternateBgs){
o.Cpt.alternateRows.init();
}
if(fnF){
fnF.call(null, arguments[0], arguments[1]);
}
};
}
}
try{
o.ExtRegistry.ezEditTable = new EditTable(
o.id, ezEditConfig, startRow);
o.ExtRegistry.ezEditTable.Init();
} catch(e) { console.log(ezEditConfig.err); }
}
// setEditable(){
// this.loadExtension({
// name: 'advancedGrid'
// });
// }
/*====================================================
- IE bug: it seems there is no way to make