deblan-mirror/TableFilter
1
0
Fork 0
mirror of https://github.com/koalyptus/TableFilter.git synced 2024-05-13 11:56:46 +02:00
Code Issues Releases Wiki Activity

Code formatting

Browse source
This commit is contained in:
Max Guglielmi 2014-09-30 19:19:12 +10:00
parent 268cec0d23
commit e52e534f38
1 changed files with 134 additions and 98 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

232
src/tablefilter_all.js
View file

@ -4431,53 +4431,61 @@ TF.prototype = {
this.popUpFltElms = this.popUpFltElmCache || []; this.popUpFltElms = this.popUpFltElmCache || [];
this.popUpFltAdjustToContainer = true; this.popUpFltAdjustToContainer = true;
function onClick(e){
var evt = e || window.event,
colIndex = parseInt(this.getAttribute('ci'));
o.CloseAllPopupFilters(colIndex);
o.TogglePopupFilter(colIndex);
if(o.popUpFltAdjustToContainer){
var popUpDiv = o.popUpFltElms[colIndex],
header = o.GetHeaderElement(colIndex),
headerWidth = header.clientWidth * 0.95;
if(!tf_isNotIE){
var headerLeft = tf_ObjPosition(
header, [header.nodeName])[0];
popUpDiv.style.left = (headerLeft) + 'px';
}
popUpDiv.style.width = parseInt(headerWidth) + 'px';
}
tf_CancelEvent(evt);
tf_StopEvent(evt);
}
var o = this; var o = this;
for(var i=0; i<this.nbCells; i++){ for(var i=0; i<this.nbCells; i++){
if(this['col'+i] == this.fltTypeNone) continue; if(this['col'+i] == this.fltTypeNone){
var popUpSpan = tf_CreateElm('span', ['id', this.prfxPopUpSpan+this.id+'_'+i], ['ci',i]); continue;
}
var popUpSpan = tf_CreateElm(
'span', ['id', this.prfxPopUpSpan+this.id+'_'+i], ['ci',i]);
popUpSpan.innerHTML = this.popUpImgFltHtml; popUpSpan.innerHTML = this.popUpImgFltHtml;
var header = this.GetHeaderElement(i); var header = this.GetHeaderElement(i);
header.appendChild(popUpSpan); header.appendChild(popUpSpan);
popUpSpan.onclick = function(e){ popUpSpan.onclick = onClick;
var evt = e || window.event;
var colIndex = parseInt(this.getAttribute('ci'));
o.CloseAllPopupFilters(colIndex);
o.TogglePopupFilter(colIndex);
if(o.popUpFltAdjustToContainer){
var popUpDiv = o.popUpFltElms[colIndex];
var header = o.GetHeaderElement(colIndex);
var headerWidth = header.clientWidth * .95;
if(!tf_isNotIE){
var headerLeft = tf_ObjPosition(header, [header.nodeName])[0];
popUpDiv.style.left = (headerLeft) + 'px';
}
popUpDiv.style.width = parseInt(headerWidth) + 'px';
}
tf_CancelEvent(evt);
tf_StopEvent(evt);
};
this.popUpFltSpans[i] = popUpSpan; this.popUpFltSpans[i] = popUpSpan;
this.popUpFltImgs[i] = popUpSpan.firstChild; this.popUpFltImgs[i] = popUpSpan.firstChild;
} }
}, },
SetPopupFilters: function()
/*==================================================== /*====================================================
- generates all popup filters div - generates all popup filters div
=====================================================*/ =====================================================*/
{ SetPopupFilters: function(){
for(var i=0; i<this.popUpFltElmCache.length; i++) for(var i=0; i<this.popUpFltElmCache.length; i++){
this.SetPopupFilter(i, this.popUpFltElmCache[i]); this.SetPopupFilter(i, this.popUpFltElmCache[i]);
}
}, },
SetPopupFilter: function(colIndex, div)
/*==================================================== /*====================================================
- generates a popup filters div for specifies - generates a popup filters div for specifies
column column
=====================================================*/ =====================================================*/
{ SetPopupFilter: function(colIndex, div){
var popUpDiv = !div ? tf_CreateElm('div', ['id', this.prfxPopUpDiv+this.id+'_'+colIndex]) : div; var popUpDiv = !div ?
tf_CreateElm('div',['id',this.prfxPopUpDiv+this.id+'_'+colIndex]) :
div;
popUpDiv.className = this.popUpDivCssClass; popUpDiv.className = this.popUpDivCssClass;
this.externalFltTgtIds.push(this.prfxPopUpDiv+this.id+'_'+colIndex); this.externalFltTgtIds.push(this.prfxPopUpDiv+this.id+'_'+colIndex);
var header = this.GetHeaderElement(colIndex); var header = this.GetHeaderElement(colIndex);
@ -4486,77 +4494,94 @@ TF.prototype = {
this.popUpFltElms[colIndex] = popUpDiv; this.popUpFltElms[colIndex] = popUpDiv;
}, },
TogglePopupFilter: function(colIndex)
/*==================================================== /*====================================================
- toggles popup filters div - toggles popup filters div
=====================================================*/ =====================================================*/
{ TogglePopupFilter: function(colIndex){
var popUpFltElm = this.popUpFltElms[colIndex]; var popUpFltElm = this.popUpFltElms[colIndex];
if(popUpFltElm.style.display == 'none' || popUpFltElm.style.display == ''){ if(popUpFltElm.style.display === 'none' ||
if(this.onBeforePopUpOpen!=null) this.onBeforePopUpOpen.call(null,this, this.popUpFltElms[colIndex],colIndex); popUpFltElm.style.display === ''){
if(this.onBeforePopUpOpen){
this.onBeforePopUpOpen.call(
null,this, this.popUpFltElms[colIndex],colIndex);
}
popUpFltElm.style.display = 'block'; popUpFltElm.style.display = 'block';
if(this['col'+colIndex] == this.fltTypeInp) this.GetFilterElement(colIndex).focus(); if(this['col'+colIndex] === this.fltTypeInp){
if(this.onAfterPopUpOpen!=null) this.onAfterPopUpOpen.call(null,this, this.popUpFltElms[colIndex],colIndex); this.GetFilterElement(colIndex).focus();
}
if(this.onAfterPopUpOpen){
this.onAfterPopUpOpen.call(
null,this, this.popUpFltElms[colIndex],colIndex);
}
} else { } else {
if(this.onBeforePopUpClose!=null) this.onBeforePopUpClose.call(null,this, this.popUpFltElms[colIndex],colIndex); if(this.onBeforePopUpClose){
this.onBeforePopUpClose.call(
null,this, this.popUpFltElms[colIndex],colIndex);
}
popUpFltElm.style.display = 'none'; popUpFltElm.style.display = 'none';
if(this.onAfterPopUpClose!=null) this.onAfterPopUpClose.call(null,this, this.popUpFltElms[colIndex],colIndex); if(this.onAfterPopUpClose){
this.onAfterPopUpClose.call(
null,this, this.popUpFltElms[colIndex],colIndex);
}
} }
}, },
CloseAllPopupFilters: function(exceptColIndex)
/*==================================================== /*====================================================
- closes all popup filters - closes all popup filters
=====================================================*/ =====================================================*/
{ CloseAllPopupFilters: function(exceptColIndex){
for(var i=0; i<this.popUpFltElms.length; i++){ for(var i=0; i<this.popUpFltElms.length; i++){
if(i == exceptColIndex) continue; if(i === exceptColIndex){
continue;
}
var popUpFltElm = this.popUpFltElms[i]; var popUpFltElm = this.popUpFltElms[i];
if(popUpFltElm) popUpFltElm.style.display = 'none'; if(popUpFltElm){
popUpFltElm.style.display = 'none';
}
} }
}, },
RemovePopupFilters: function()
/*==================================================== /*====================================================
- removes popup filters div - removes popup filters div
=====================================================*/ =====================================================*/
{ RemovePopupFilters: function(){
this.popUpFltElmCache = []; this.popUpFltElmCache = [];
for(var i=0; i<this.popUpFltElms.length; i++){ for(var i=0; i<this.popUpFltElms.length; i++){
var popUpFltElm = this.popUpFltElms[i]; var popUpFltElm = this.popUpFltElms[i],
var popUpFltSpan = this.popUpFltSpans[i]; popUpFltSpan = this.popUpFltSpans[i];
if(popUpFltElm){ if(popUpFltElm){
popUpFltElm.parentNode.removeChild(popUpFltElm); popUpFltElm.parentNode.removeChild(popUpFltElm);
this.popUpFltElmCache[i] = popUpFltElm; this.popUpFltElmCache[i] = popUpFltElm;
} }
popUpFltElm = null; popUpFltElm = null;
if(popUpFltSpan) popUpFltSpan.parentNode.removeChild(popUpFltSpan); if(popUpFltSpan){
popUpFltSpan.parentNode.removeChild(popUpFltSpan);
}
popUpFltSpan = null; popUpFltSpan = null;
} }
}, },
SetPopupFilterIcon: function(colIndex, active)
/*==================================================== /*====================================================
- sets inactive or active filter icon - sets inactive or active filter icon
=====================================================*/ =====================================================*/
{ SetPopupFilterIcon: function(colIndex, active){
var activeImg = active==undefined ? true : active; var activeImg = active===undefined ? true : active;
if(this.popUpFltImgs[colIndex]) if(this.popUpFltImgs[colIndex]){
this.popUpFltImgs[colIndex].src = (active) ? this.popUpImgFltActive : this.popUpImgFlt; this.popUpFltImgs[colIndex].src = active ?
this.popUpImgFltActive : this.popUpImgFlt;
}
}, },
SetAllPopupFiltersIcon: function(active)
/*==================================================== /*====================================================
- sets inactive or active filter icon for all - sets inactive or active filter icon for all
filters filters
=====================================================*/ =====================================================*/
{ SetAllPopupFiltersIcon: function(active){
var activeImg = active==undefined ? false : active; var activeImg = active===undefined ? false : active;
for(var i=0; i<this.popUpFltImgs.length; i++) for(var i=0; i<this.popUpFltImgs.length; i++){
this.SetPopupFilterIcon(i, false); this.SetPopupFilterIcon(i, false);
}
}, },
RememberFiltersValue: function( name )
/*============================================== /*==============================================
- stores filters' values in a cookie - stores filters' values in a cookie
when Filter() method is called when Filter() method is called
@ -4564,58 +4589,58 @@ TF.prototype = {
- name: cookie name (string) - name: cookie name (string)
- credits to Florent Hirchy - credits to Florent Hirchy
===============================================*/ ===============================================*/
{ RememberFiltersValue: function(name){
var flt_values = []; var flt_values = [];
for(var i=0; i<this.fltIds.length; i++) //store filters' values
{//creates an array with filters' values for(var i=0; i<this.fltIds.length; i++){
value = this.GetFilterValue(i); var value = this.GetFilterValue(i);
if (value == '') value = ' '; if (value === ''){
value = ' ';
}
flt_values.push(value); flt_values.push(value);
} }
flt_values.push(this.fltIds.length); //adds array size //adds array size
flt_values.push(this.fltIds.length);
//writes cookie
tf_WriteCookie( tf_WriteCookie(
name, name,
flt_values.join(this.separator), flt_values.join(this.separator),
this.cookieDuration this.cookieDuration
); //writes cookie );
}, },
RememberPageNb: function( name )
/*============================================== /*==============================================
- stores page number value in a cookie - stores page number value in a cookie
when ChangePage method is called when ChangePage method is called
- Params: - Params:
- name: cookie name (string) - name: cookie name (string)
===============================================*/ ===============================================*/
{ RememberPageNb: function(name){
tf_WriteCookie( tf_WriteCookie(
name, name,
this.currentPageNb, this.currentPageNb,
this.cookieDuration this.cookieDuration
); //writes cookie );
}, },
RememberPageLength: function( name )
/*============================================== /*==============================================
- stores page length value in a cookie - stores page length value in a cookie
when ChangePageLength method is called when ChangePageLength method is called
- Params: - Params:
- name: cookie name (string) - name: cookie name (string)
===============================================*/ ===============================================*/
{ RememberPageLength: function(name){
tf_WriteCookie( tf_WriteCookie(
name, name,
this.resultsPerPageSlc.selectedIndex, this.resultsPerPageSlc.selectedIndex,
this.cookieDuration this.cookieDuration
); //writes cookie );
}, },
ResetValues: function() ResetValues: function(){
{
this.EvtManager(this.Evt.name.resetvalues); this.EvtManager(this.Evt.name.resetvalues);
}, },
_ResetValues: function()
/*============================================== /*==============================================
- re-sets grid values when page is - re-sets grid values when page is
re-loaded. It invokes ResetGridValues, re-loaded. It invokes ResetGridValues,
@ -4623,14 +4648,19 @@ TF.prototype = {
- Params: - Params:
- name: cookie name (string) - name: cookie name (string)
===============================================*/ ===============================================*/
{ _ResetValues: function(){
if(this.rememberGridValues && this.fillSlcOnDemand) //only fillSlcOnDemand //only fillSlcOnDemand
if(this.rememberGridValues && this.fillSlcOnDemand){
this.ResetGridValues(this.fltsValuesCookie); this.ResetGridValues(this.fltsValuesCookie);
if(this.rememberPageLen) this.ResetPageLength( this.pgLenCookie ); }
if(this.rememberPageNb) this.ResetPage( this.pgNbCookie ); if(this.rememberPageLen){
this.ResetPageLength(this.pgLenCookie);
}
if(this.rememberPageNb){
this.ResetPage(this.pgNbCookie);
}
}, },
ResetGridValues: function( name )
/*============================================== /*==============================================
- re-sets filters' values when page is - re-sets filters' values when page is
re-loaded if load on demand is enabled re-loaded if load on demand is enabled
@ -4638,36 +4668,42 @@ TF.prototype = {
- name: cookie name (string) - name: cookie name (string)
- credits to Florent Hirchy - credits to Florent Hirchy
===============================================*/ ===============================================*/
{ ResetGridValues: function(name){
if(!this.fillSlcOnDemand) return; if(!this.fillSlcOnDemand){
var flts = tf_ReadCookie(name); //reads the cookie return;
var reg = new RegExp(this.separator,'g'); }
var flts_values = flts.split(reg); //creates an array with filters' values var flts = tf_ReadCookie(name),
var slcFltsIndex = this.GetFiltersByType(this.fltTypeSlc, true); reg = new RegExp(this.separator,'g'),
var multiFltsIndex = this.GetFiltersByType(this.fltTypeMulti, true); //creates an array with filters' values
flts_values = flts.split(reg),
slcFltsIndex = this.GetFiltersByType(this.fltTypeSlc, true),
multiFltsIndex = this.GetFiltersByType(this.fltTypeMulti, true);
if(flts_values[(flts_values.length-1)] == this.fltIds.length) //if the number of columns is the same as before page reload
{//if the number of columns is the same as before page reload if(flts_values[(flts_values.length-1)] === this.fltIds.length){
for(var i=0; i<(flts_values.length - 1); i++) for(var i=0; i<(flts_values.length - 1); i++){
{ if (flts_values[i]===' '){
if (flts_values[i]==' ') continue; continue;
if(this['col'+i]==this.fltTypeSlc || this['col'+i]==this.fltTypeMulti) }
{// if fillSlcOnDemand, drop-down needs to contain stored value(s) for filtering // if fillSlcOnDemand, drop-down needs to contain stored
// value(s) for filtering
if(this['col'+i]===this.fltTypeSlc ||
this['col'+i]===this.fltTypeMulti){
var slc = tf_Id( this.fltIds[i] ); var slc = tf_Id( this.fltIds[i] );
slc.options[0].selected = false; slc.options[0].selected = false;
if( slcFltsIndex.tf_Has(i) ) //selects
{//selects if(slcFltsIndex.tf_Has(i)){
var opt = tf_CreateOpt(flts_values[i],flts_values[i],true); var opt = tf_CreateOpt(
flts_values[i],flts_values[i],true);
slc.appendChild(opt); slc.appendChild(opt);
this.hasStoredValues = true; this.hasStoredValues = true;
} }
if(multiFltsIndex.tf_Has(i)) //multiple select
{//multiple select if(multiFltsIndex.tf_Has(i)){
var s = flts_values[i].split(' '+this.orOperator+' '); var s = flts_values[i].split(' '+this.orOperator+' ');
for(j=0; j<s.length; j++) for(j=0; j<s.length; j++){
{ if(s[j]==='') continue;
if(s[j]=='') continue;
var opt = tf_CreateOpt(s[j],s[j],true); var opt = tf_CreateOpt(s[j],s[j],true);
slc.appendChild(opt); slc.appendChild(opt);
this.hasStoredValues = true; this.hasStoredValues = true;