HOW TO: Filter Data in a html CFGRID with the query attribute defined

Question

Does anyone know how I can filter the data of a html cfgrid,
not throught an AJAX bind, but perhaps by exposing some
functionality of the EXT code behind the cfgrid???
Any help would be greatly appreciated.
jorge loyo

Answer 1

Got It!!!
MY INPUT:
<input
id="searchString"
name="searchString"
type="text"
onkeyup="ColdFusion.Grid.getGridObject('dg').getDataSource().filterBy(myfilterfunc)"/>
MY FUNCTION
<script>
function myfilterfunc(record, id){
var string =
document.getElementById("searchString").value.toUpperCase();
var columnArray = new Array("FIRST_NAME","LAST_NAME");
//loop through record columns
for(col_id in record.data){
colName = col_id.toUpperCase();
colValue = record.data[colName].toString().toUpperCase();
//loop through list of columns to search in
for(i=0; i<columnArray.length; i++){
col2filter = columnArray
.toString().toUpperCase();
if(colName == col2filter && colValue.indexOf(string)
> -1) return true;
return false;
</script>
MY GRID:
<cfgrid
name="dg"
query="employees"
format="html">
<cfgridcolumn name="first_name" header="FName">
<cfgridcolumn name="last_name" header="LName">
</cfgrid>