:: Forum >> Version 1 >>

Show/hide columns using Javascript

Here a little function I wrote today

/**
 * function toggleColumnVisibility(oDataGrid, iColumnNr)
 * 
 * + shows/hides column in grid
 * 
 * @param  object   oDataGrid  ActiveWidgets grid object
 * @param  integer  iColumnNr  column nr of column to show/hide
 * 
 * @returns  nothing
 **/
function toggleColumnVisibility(oDataGridiColumnNr)
{
  
/* init */

  //get visible columns array
  
var aVisibibleColumns    oDataGrid.getColumnValues();
  
  
//get index of column to hide    
  
var iHideIndex aVisibibleColumns.indexOf(iColumnNr);

  
/* do something */

  
if (iHideIndex>=0)
  {
    
/* column found, hide it *
    aVisibibleColumns.splice(iHideIndex, 1);  
    oDataGrid.setColumnValues(aVisibibleColumns);  

    oDataGrid.refresh();
  }
  else
  {
    /* column not found, show it */
    
aVisibibleColumns.splice(00iColumnNr);
    
aVisibibleColumns.sort(function compareNumbers(a,b){return b;});       
    
oDataGrid.setColumnValues(aVisibibleColumns);  

    
oDataGrid.refresh();
  }      
}
 
This function needs the following prototype function:

/**
 * Array.prototype.indexOf
 * 
 * + adds indexOf functionality to JS Array objects
 *
 **/     
Array.prototype.indexOf = function(obj)
{
  for (var 
0this.lengthi++)
  {
    if (
this[i] == obj)
      return 
i;
  }
  return -
1;
}
 
Have fun and take care!
Rekcor
Thursday, March 8, 2007
Woops, add a / to


Warning: Unterminated comment starting line 1 in /home/widgets/public_html/site/lib/functions.php on line 42
But you found this one yourself, didn't ya :-)
Rekcor
Thursday, March 8, 2007



This topic is archived.

Back to support forum

Forum search