How to add Search (Filter) option to my existing code?

Question

Hi,
The following code works great. Just I want to add a Text Box to search the desired item from the huge list. Please help me in this regard. I would like to pay in return for any help & support provided as I am in urgent need of this code (I am from INDIA).
[code]
import fl.data.DataProvider;
import fl.controls.dataGridClasses.DataGridColumn;
import flash.events.Event;
import flash.net.URLRequest;
import fl.events.ListEvent;
var COL_SLNO:DataGridColumn = new DataGridColumn("SL_NO");
myGrid.addColumn(COL_SLNO);
COL_SLNO.width=40
var COL_DATE:DataGridColumn = new DataGridColumn("DATE");
myGrid.addColumn(COL_DATE);
COL_DATE.width=130
var COL_PDFURL:DataGridColumn = new DataGridColumn("FILE_NAME");
myGrid.addColumn(COL_PDFURL);
COL_PDFURL.sortOptions = Array.NUMERIC;
COL_PDFURL.width=195
var allDatabase:Array = [];// contains all users like in xml
var currentDatabase:Array = [];// contains users that need to be displayed
var _loader:URLLoader = new URLLoader();
var _data:XML = new XML();
_loader.addEventListener(Event.COMPLETE, readXML);
_loader.load(new URLRequest("EHSSDocs/Database.xml"));
function readXML(event:Event):void
_data = new XML(event.target.data);
for each (var usr in _data.user)
allDatabase.push({id: usr.@id, SLNO: usr.@SLNO, DATE: usr.@DATE, PDFURL: usr.@PDFURL});
currentDatabase = allDatabase.concat();
updateList();
function updateList():void
myGrid.dataProvider = new DataProvider ();
for (var i:int = 0; i<currentDatabase.length; i++)
myGrid.addItem({SL_NO: currentDatabase[i].SLNO, DATE: currentDatabase[i].DATE, FILE_NAME: currentDatabase[i].PDFURL});
//myGrid.addEventListener(Event:ListEvent.ITEM_CLICK, gridItemClick);
myGrid.addEventListener(ListEvent.ITEM_CLICK , gridItemClick);
function gridItemClick (e:ListEvent):void
var urlR:URLRequest=new URLRequest(e.target.getItemAt(e.rowIndex).FILE_NAME)
navigateToURL(urlR, "_blank");
I hope the following code may resolve the problem. But don't know how to modify it since I am retrieving data using XML file.
[code]
var itemTextInput:TextInput = new TextInput();
itemTextInput.move(10, 10);
itemTextInput.addEventListener(Event.CHANGE, changeHandler);
addChild(itemTextInput);
function changeHandler(event:Event):void {
var arr:Array = dp.toArray();
var filteredArr:Array = arr.filter(filterDataProvider);
myGrid.dataProvider = new DataProvider(filteredArr);
function filterDataProvider(obj:Object, idx:int, arr:Array):Boolean {
var txt1:String = itemTextInput.text;
var txt2:String = obj.item.substr(0, txt1.length);
if (txt1.toLowerCase() == txt2.toLowerCase()) {
return true;
return false;
Thanks in advance for any help.

Answer 1

Still, There is no result shows in the DataGrid. The entire code is as below:
import fl.data.DataProvider;
import fl.controls.dataGridClasses.DataGridColumn;
import flash.events.Event;
import flash.net.URLRequest;
import fl.events.ListEvent;
import fl.controls.TextInput;
var COL_IDNO:DataGridColumn = new DataGridColumn("SL_NO");
myGrid.addColumn(COL_IDNO);
COL_IDNO.width=30
var COL_TAGNO:DataGridColumn = new DataGridColumn("TAG NUMBER");
myGrid.addColumn(COL_TAGNO);
COL_TAGNO.width=100
var COL_DESCRP:DataGridColumn = new DataGridColumn("DESCRIPTION");
myGrid.addColumn(COL_DESCRP);
COL_DESCRP.width=260
var COL_PDFURL:DataGridColumn = new DataGridColumn("FILE_NAME");
myGrid.addColumn(COL_PDFURL);
COL_PDFURL.sortOptions = Array.NUMERIC;
COL_PDFURL.width=125
var allDatabase:Array = [];// contains all users like in xml
var currentDatabase:Array = [];// contains users that need to be displayed
var _loader:URLLoader = new URLLoader();
var _data:XML = new XML();
_loader.addEventListener(Event.COMPLETE, readXML);
_loader.load(new URLRequest("AdditionalJobs/Database.xml"));
function readXML(event:Event):void
_data = new XML(event.target.data);
for each (var usr in _data.user)
allDatabase.push({id: usr.@id, IDNO: usr.@IDNO, TAGNO: usr.@TAGNO, DESCRP: usr.@DESCRP, PDFURL: usr.@PDFURL});
currentDatabase = allDatabase.concat();
updateList();
function updateList():void
myGrid.dataProvider = new DataProvider ();
for (var i:int = 0; i<currentDatabase.length; i++)
myGrid.addItem({SL_NO: currentDatabase[i].IDNO, "TAG NUMBER": currentDatabase[i].TAGNO, DESCRIPTION: currentDatabase[i].DESCRP, FILE_NAME: currentDatabase[i].PDFURL});
var dp:DataProvider=myGrid.dataProvider; // <- import this class.
//myGrid.addEventListener(Event:ListEvent.ITEM_CLICK, gridItemClick);
myGrid.addEventListener(ListEvent.ITEM_CLICK , gridItemClick);
function gridItemClick (e:ListEvent):void
var urlR:URLRequest=new URLRequest(e.target.getItemAt(e.rowIndex).FILE_NAME)
    navigateToURL(urlR, "_blank");
var dp:DataProvider = new DataProvider ();
var itemTextInput:TextInput = new TextInput();
itemTextInput.move(10, 10);
itemTextInput.addEventListener(Event.CHANGE, changeHandler);
addChild(itemTextInput);
function changeHandler(event:Event):void {
var arr:Array = dp.toArray();
var filteredArr:Array = arr.filter(filterDataProvider);
myGrid.dataProvider = new DataProvider(filteredArr);
function filterDataProvider(obj:Object, idx:int, arr:Array):Boolean {
var txt1:String = itemTextInput.text;
var txt2:String = obj["TAG NUMBER"].substr(2, txt1.length);
if (txt1.toLowerCase() == txt2.toLowerCase()) {
return true;
return false;
The following is the XML Code (Database.xml):
<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<Database>
<user id="1" IDNO="01" TAGNO="103-C" DESCRP="Inspection of 103-C" PDFURL="AdditionalJobs/103-C.pdf" />
<user id="2" IDNO="02" TAGNO="203-C" DESCRP="Inspection of 203-C" PDFURL="AdditionalJobs/203-C.pdf" />
<user id="3" IDNO="03" TAGNO="303-C" DESCRP="Inspection of 303-C" PDFURL="AdditionalJobs/303-C.pdf" />
<user id="4" IDNO="04" TAGNO="403-C" DESCRP="Inspection of 403-C" PDFURL="AdditionalJobs/403-C.pdf" />
</Database>
Thanks.