각 캔버스 헤더에 버튼을 포함하도록 Adobe Flex Accordion의 스타일을 다시 지정하려면 어떻게 합니까?

다음은 제 아코디언의 샘플 코드입니다:

<mx:Accordion x="15" y="15" width="230" height="599" styleName="myAccordion">
    <mx:Canvas id="pnlSpotlight" label="SPOTLIGHT" height="100%" width="100%" horizontalScrollPolicy="off">
        <mx:VBox width="100%" height="80%" paddingTop="2" paddingBottom="1"  verticalGap="1">
            <mx:Repeater id="rptrSpotlight" dataProvider="{aSpotlight}">          
                <sm:SmallCourseListItem 
                    viewClick="PlayFile(event.currentTarget.getRepeaterItem().fileID);"
                    Description="{rptrSpotlight.currentItem.fileDescription}"
                    FileID = "{rptrSpotlight.currentItem.fileID}" 
                    detailsClick="{detailsView.SetFile(event.currentTarget.getRepeaterItem().fileID,this)}"   
                    Title="{rptrSpotlight.currentItem.fileTitle}"
                    FileIcon="{iconLibrary.getIcon(rptrSpotlight.currentItem.fileExtension)}" />
            </mx:Repeater>
        </mx:VBox>
    </mx:Canvas>
</mx:Accordion>

각 헤더에 버튼을 다음과 같이 포함시키고 싶습니다:

![wishful" onclick="alert('xss')][1]
해결책

고마워요, FlexLib의 CanvasButtonAccordionHeader를 사용하여 작동하도록 만들었습니다.

해설 (1)

사용자 정의 헤더 렌더러를 만들고 여기에 버튼을 추가한 다음 수동으로 위치를 지정해야 합니다. 다음과 같이 해보세요:















해설 (0)