Using dhtmlxform input type to filter grid column

Hi,

I’m trying to use dhtmlxForm input to filter a grid. It does not seem to work.
The grid is displayed correctly with all the data and the form events are working properly but I dont see any filtering. The Grid and form setup code is as below

with(dhxDBGrid)
                {
                    setImagePath("<?php echo base_url(); ?>dhtmlx/codebase/imgs/");
                    setHeader("<b>Product Line</b>,<b>Database Name</b>,<b>Location</b>");
                    attachHeader("#select_filter,#text_filter,&nbsp;");
                    setColTypes("ro,ro,ro");
                    setInitWidths("150,200,*");
                    setColSorting("str,str,str");
                    setColAlign("left,left,center");
                  
                    setSkin(gridskin);
                    init();
                };

                dhxForm = new dhtmlXForm("frmsrch",formStructure);
                dhxForm.attachEvent("onButtonClick",submitform);
searchbold();
            }; 
 formStructure = [
    {type:"settings",position:"label-left"},
    {type: "block", width: 800,offsetLeft:150,offsetTop:15, list:[

    {type: "input", name: 'search',inputWidth: 450, validate: "NotEmpty"},
    {type:"newcolumn"},
    {type:"button", name:"btnsubmit", width: 75,offsetLeft: 5,offsetTop: 2, value:"Search"}
    ]}
];
function searchbold(){
    dhxDBGrid.makeSearch("search",1);
    dhxDBGrid.makeSearch("search",2);
}

I have also included the dhtmlxgrid_filter.js so is there anything else I’m missing here?

Unfortunately the method cannot be used with the input of dhtmlxForm.
You may try to use the following function:

dhxForm.attachEvent("onChange", function (id, value){ if (id=="search"){ var searchResult=mygrid.findCell(value,0,true); mygrid.selectRowById(searchResult[0][0]); } });