Filter data in Advance Data Grid control Flex

Hi All,

In below example I will show the way we can filter the data in Advance data grid using some Input box control. To filter a data in Advance data grid we can use IHierarchicalCollectionView class which uses  an interface for hierarchical or grouped data. Typically, we use this data with the AdvancedDataGrid control.

Flex Code
import mx.collections.HierarchicalData;
import mx.collections.IHierarchicalCollectionView;

// Filter
private function filterTreeData():void{
IHierarchicalCollectionView(myId.dataProvider).filterFunction = myFilterFunc;

private function myFilterFunc(item:Object):Boolean {
ColumnOfGrid: is the column in Tree Grid(just change to your column)
if(item.hasOwnProperty(“ColumnOfGrid”) && (item[“ColumnOfGrid”].toString()).substr(0,txt.length).toLowerCase() == txt.text.toLowerCase())
return true;

return false;

<mx:AdvancedDataGrid width=”100%” height=”100%” displayItemsExpanded=”true”  defaultLeafIcon=”{null}” id=”myId” >
<mx:HierarchicalData source=”{myArrCollection}” />
<mx:AdvancedDataGridColumn dataField=”ColumnOfGrid”   />

Hope this helps.

R Vashi

2 thoughts on “Filter data in Advance Data Grid control Flex

    1. andre

      Oops, I see what you do now.
      I did not see how the filter was applied to the dataprovider, I expected to see it in the MXML.
      You however assume that filterTreeData() is called from somewhere (not shown in your example).

      This was helpful though, it is sad that the only way to really get flex apps to work is to do a lot of googling and find helpful posts like yours.


Leave a Reply

Please log in using one of these methods to post your comment: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.