Flexigrid - Lightweight but rich data grid

[eluser]gtia[/eluser]
Hi, i've been trying to find a way to reference the flexigrid object, after it has been created but to no avail.

For example what i'm trying to do is to establish a custom filtering frontend like the image at http://freelancer-x.com/flexigrid_filtering.png. So when a user starts typing values in each of the filter boxes, the onkeydown event is activated instructing the flexigrid to be automatically populated. For the time being i've added the following code(starting from line 763, colmodel properties) and placed relative comments to show what the new code is. The new code just adds an input box after each column, and each textbox contains an onkeydown handler.

//create model if any
if (p.colModel)
{

thead = document.createElement('thead');
tr = document.createElement('tr');

for (i in p.colModel)
{
var cm = p.colModel[i];
var th = document.createElement('th');

th[removed] = cm.display;

// NEW CODE STARTS HERE ------------------------------------------------------
if (cm.sortable)
{
th[removed]=th[removed] +
"<br/>
&lt;input id='" + cm.name + "_filter'
style='width:" + cm.width + "px'
onkeydown=''/&gt;"; // how should the flexigrid table be referenced??
}
// NEW CODE ENDS HERE --------------------------------------------------------

if (cm.name) $(th).attr('abbr',cm.name);

//th.idx = i;
$(th).attr('axis','col'+i);

if (cm.align)
th.align = cm.align;

if (cm.width)
$(th).attr('width',cm.width);

if (cm.hide)
{
th.hide = true;
}

if (cm.process)
{
th.process = cm.process;
}

$(tr).append(th);
}
$(thead).append(tr);
$(t).prepend(thead);
} // end if p.colmodel


Any ideas?

Thanks