Hi All
I've run into a rendering problem with the datagrid.
I have a datagrid that a user can search using a date range, furthermore
the user can also search using keywords. I do this by first looking at the
date range and applying a filter to the array of objects based on the
dates. Then I make of a copy of that arraycollection and assign the
arraycollection which binds to my datagrid to that collection.
The problem is that when the user selects a date range and I apply the
filter, the datagrid content disappears. The scrollbar on the side updates
though and if I scroll down then the content appears and renders correctly.
I've tried the following post refresh commands but none of them solve the
problem.
(datagrid.dataProvider as ArrayCollection).refresh();
datagrid .invalidateSkinState();
datagrid .invalidateDisplayList();
datagrid .validateNow();
Here's the code where I get the date range.
var dateFilteredArray:Array = _transactions.source.filter(
function (item:Transaction, index:int, array:Array):Boolean
{
if(Date.parse(item.displayDate) < dateRangeComponent.startDate.valueOf() ||
Date.parse(item.displayDate) > dateRangeComponent.endDate.valueOf())
return false
else
return true //item is inside date range
}
);
_dateFilteredCollection = new ArrayCollection(dateFilteredArray);
Anyone run into this before?
