Other than the CSS fix mentioned above is there anything else to do to use the component in a Flex 4 application? Do you have to do anything with namespace of the app or changing to spark components?

Thanks,

I tried tweaking the DropDownFilterHeaderRenderer.as file to match those style declarations in the default.css file to no avail. The filter button does not get red when a filter is active.

Funny thing is that when I tried to compile the application using Flex 3.4, the filter button is able to capture the CSS styling but compiling this with 3.5 and 4.0, the CSS is not captured, thus even when there is a filter existing on the column, the filter button is not red out.

Any other suggestions?

Nice work!

Run in Flex4 and added the namespaces in the default CSS and it worked. However, the filter button never change to the active icon (the red one) when I pressed the filter button and type some search characters. Seems like it did not execute the function commitProperties(). The filter-button-active-style-name: dataGridFilterButtonActive is set correctly

mx:XMLListCollection id=”xmllcOrders” source=”{xmlOrders.Table}”

I have defined the datafields correctly.

In the MDataGrid dataprovider, I specified the xmllistcollection data provider like this:

and in the MXML, I also specified the xmllistcollection like this:

I specified a variable for the Orders:

// XML Variable for Orders
[Bindable] private var xmlOrders:XML;

When I specify the dataProvider such as:

dataProvider=”{xmlOrders.Table}”

the data appears in the datagrid, but using this declaration:

dataProvider=”{xmllcOrders}”

the data does not appear.

I tried using both ways in an ordinary datagrid and things does seem ok.

any other advice?