Earlier this week I ran into a strange problem when the ChartItemEvent.CHANGE event is raised. It seems that the string behind the constant is 'change' and this happens to be the same as the string behind the IndexChangedEvent.CHANGE event. Probably programmed on monday morning :)
Fortunately there's a simple workaround:
Put a container around your 'problematic' charting component (for example a canvas) and attach a listener to the ChartItemEvent.CHANGE event to stop it from propagating.
<mx:Canvas id="canvas" creationComplete="canvasInit()">
<mx:PieChart id="pieChart" ... />
</mx:Canvas>
// Hack to prevent propagation of the ChartItemEvent.CHANGE as it is in conflict with IndexChangedEvent.CHANGE
private function canvasInit(): void
{
canvasInit.addEventListener(ChartItemEvent.CHANGE, chartItemEventChange, true, 0, true);
}
private function chartItemEventChange(event: Event): void
{
event.stopImmediatePropagation();
}
skip to main |
skip to sidebar
Sorry - I'm addicted. But I shouldn't be ashamed: I'm addicted to Adobe Flex - the solution that we should have had 10 years ago. If that would have been the case the internet would look completely different today. But don't worry: in 10 years from now it WILL look completely different :)
14 comments:
nice trick, thanks :)
btw. found this issue in the flex bug tracker: http://bugs.adobe.com/jira/browse/SDK-11156?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
its closed but not fixed...
Where i use this code
In My Application ?
Or
In My Module ?
------------
private function canvasInit(): void
{
canvasInit.addEventListener(ChartItemEvent.CHANGE, chartItemEventChange, true, 0, true);
}
private function chartItemEventChange(event: Event): void
{
event.stopImmediatePropagation();
}
------------
If i use in module
error ocurred
1061: Call to a possibly undefined method addEventListener through a reference with static type Function.
1120: Access of undefined property ChartItemEvent.
How to resolve this ?
A quick fix to the error mentioned above is to change the method signature to include the event:
private function canvasInit( event:Event ): void
{
event.target.addEventListener(ChartItemEvent.CHANGE, chartItemEventChange, true, 0, true);
}
and to change the creationComplete on your container to:
<mx:Canvas width="100%" creationComplete="canvasInit( event )">
Thanks
I am using in my application to direct research to put in each canvas
This can cause a problem?
I am using the following
----------------
/* Fix ChartItemEvent.CHANGE in conflict with IndexChangedEvent */
import mx.charts.events.ChartItemEvent;
private function canvasInit(event:Event): void{
event.target.addEventListener(ChartItemEvent.CHANGE, chartItemEventChange, true, 0, true);
}
private function chartItemEventChange(event: Event): void{
event.stopImmediatePropagation();
}
/* Fix ChartItemEvent.CHANGE in conflict with IndexChangedEvent */
----------------
mx:VBox width="100%" height="100%" creationComplete="canvasInit(event)"
please desconsider the last message
Thankx good make around.
Great work!
this really helped me out! Thanks
Dude.. thanx a lot!
Thanks man!
Saved me a lot of time.
Greetings
That is a brilliant workaround, thank you mate, just I do not understand why Adobe does not fix this, is 5 lines of code!!!
Thank you, that is a brilliant workaround, I just do not understand why Adobe does not fix this it is 5 lines of code.
thanks dude, that helped
Post a Comment