I have a custom filter in one of my grid header column. A html text input control is attached to custom filter. As the grid loads custom filter is displayed and works great.
Now i have a button in tool bar that show/hide filter header row. Once i hide the filter header row by calling deattach(), and next time i try to attache filter header row with custom filter; the html text input control mapped to custom filter is not found in document.
It seems once deattch() is called it remvoes the input box from DOM.
Code is as below:
grid.attachHeader("<div id='my_filter'></div>,#text_filter");
$("my_filter").appendChild($("myFilterDiv").childNodes[0]);
grid.makeFilter("anInputElement", 0);
....
....
<div id="myFilterDiv"><input type="text" id="anInputElement" name="anInputElement"/></div>