[flexcoders] AccordionHeader Binding

[linkmatthias]

Hello Guys,

today i had a problem with the accordion component.
i want to bind the "y" property of a canvas to the "y" property of a
individual accordionheader.
after initialisiation the binding works fine, but if i click on an
accordionheader the binding get lost and the canvas don't follow the
accordioheader.

here the code to unterstand better my problem:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml";
layout="absolute" creationComplete="init()">
        <mx:Script>
                <![CDATA[
                        import mx.controls.Button;
                        
                        [Bindable]
                        private var myAccordionHeader:Button;
                        
                        private function init():void {
                                myAccordionHeader = myAccordion.getHeaderAt(1);
                        }
                ]]>
        </mx:Script>
        <mx:Canvas width="10" height="10" y="{myAccordionHeader.y}"
backgroundColor="#FF0000" />
        <mx:Accordion id="myAccordion" x="10">
                <mx:Canvas label="Title1">
                        <mx:VBox>
                                <mx:Canvas width="100" height="10" 
backgroundColor="#FFF000" />
                                <mx:Canvas width="100" height="10" 
backgroundColor="#FFFF00" />
                                <mx:Canvas width="100" height="10" 
backgroundColor="#FFF000" />
                                <mx:Canvas width="100" height="10" 
backgroundColor="#FFFF00" />
                                <mx:Canvas width="100" height="10" 
backgroundColor="#FFF000" />
                                <mx:Canvas width="100" height="10" 
backgroundColor="#FFFF00" />
                                <mx:Canvas width="100" height="10" 
backgroundColor="#FFF000" />
                                <mx:Canvas width="100" height="10" 
backgroundColor="#FFFF00" />
                                <mx:Canvas width="100" height="10" 
backgroundColor="#FFF000" />
                                <mx:Canvas width="100" height="10" 
backgroundColor="#FFFF00" />
                                <mx:Canvas width="100" height="10" 
backgroundColor="#FFF000" />
                                <mx:Canvas width="100" height="10" 
backgroundColor="#FFFF00" />
                                <mx:Canvas width="100" height="10" 
backgroundColor="#FFF000" />
                                <mx:Canvas width="100" height="10" 
backgroundColor="#FFFF00" />
                                <mx:Canvas width="100" height="10" 
backgroundColor="#FFF000" />
                                <mx:Canvas width="100" height="10" 
backgroundColor="#FFFF00" />
                        </mx:VBox>
                </mx:Canvas>
                <mx:Canvas label="Title2">
                </mx:Canvas>
                <mx:Canvas label="Title3">
                </mx:Canvas>
        </mx:Accordion>
</mx:Application>

And here is the online demo:

http://www.maize.de/flexforum/AccordionHeaderBinding/AccordionHeaderBinding.html

Greets, Matthias