Accordion控件的mouseEnabled属性.
示例1：
示例2：
代码:
示例1代码：
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/05/30/preventing-users-from-clicking-on-an-accordion-containers-header-in-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<mx:Script>
<![CDATA[
private function prevChild():void {
accordion.selectedIndex--;
}
private function nextChild():void {
accordion.selectedIndex++;
}
]]>
</mx:Script>
<mx:Accordion id="accordion"
headerRenderer="comps.MyAccHeader"
width="100%" height="100%">
<mx:VBox id="v1" label="One" width="100%" height="100%">
<mx:VBox width="100%" height="100%">
<mx:Label text="One" />
</mx:VBox>
<mx:ControlBar horizontalAlign="right" width="100%">
<mx:Spacer width="100%" />
<mx:Button label="next" click="nextChild();" />
</mx:ControlBar>
</mx:VBox>
<mx:VBox id="v2" label="Two" width="100%" height="100%">
<mx:VBox width="100%" height="100%">
<mx:Label text="Two" />
</mx:VBox>
<mx:ControlBar width="100%">
<mx:Button label="prev" click="prevChild();" />
<mx:Spacer width="100%" />
<mx:Button label="next" click="nextChild();" />
</mx:ControlBar>
</mx:VBox>
<mx:VBox id="v3" label="Three" width="100%" height="100%">
<mx:VBox width="100%" height="100%">
<mx:Label text="Three" />
</mx:VBox>
<mx:ControlBar width="100%">
<mx:Button label="prev" click="prevChild();" />
<mx:Spacer width="100%" />
<mx:Button label="next" click="nextChild();" />
</mx:ControlBar>
</mx:VBox>
<mx:VBox id="v4" label="Four" width="100%" height="100%">
<mx:VBox width="100%" height="100%">
<mx:Label text="Four" />
</mx:VBox>
<mx:ControlBar width="100%">
<mx:Button label="prev" click="prevChild();" />
<mx:Spacer width="100%" />
<mx:Button label="next" click="nextChild();" />
</mx:ControlBar>
</mx:VBox>
<mx:VBox id="v5" label="Five" width="100%" height="100%">
<mx:VBox width="100%" height="100%">
<mx:Label text="Five" />
</mx:VBox>
<mx:ControlBar width="100%">
<mx:Button label="prev" click="prevChild();" />
<mx:Spacer width="100%" />
</mx:ControlBar>
</mx:VBox>
</mx:Accordion>
</mx:Application>
comps/MyAccHeader.as：
/**
* http://blog.flexexamples.com/2008/05/30/preventing-users-from-clicking-on-an-accordion-containers-header-in-flex/
*/
package comps {
import mx.containers.accordionClasses.AccordionHeader;
public class MyAccHeader extends AccordionHeader {
public function MyAccHeader() {
super();
mouseEnabled = false;
}
}
}
示例2代码：
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/05/30/preventing-users-from-clicking-on-an-accordion-containers-header-in-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<mx:Script>
<![CDATA[
private function prevChild():void {
accordion.selectedIndex--;
}
private function nextChild():void {
accordion.selectedIndex++;
}
]]>
</mx:Script>
<mx:Accordion id="accordion"
headerRenderer="comps.MyAccHeader"
width="100%"
height="100%">
<mx:VBox id="v1"
label="One"
width="100%"
height="100%">
<mx:Label text="One" />
</mx:VBox>
<mx:VBox id="v2"
label="Two"
width="100%"
height="100%">
<mx:Label text="Two" />
</mx:VBox>
<mx:VBox id="v3"
label="Three"
enabled="false"
width="100%"
height="100%">
<mx:Label text="Three" />
</mx:VBox>
<mx:VBox id="v4"
label="Four"
enabled="false"
width="100%"
height="100%">
<mx:Label text="Four" />
</mx:VBox>
<mx:VBox id="v5"
label="Five"
width="100%"
height="100%">
<mx:Label text="Five" />
</mx:VBox>
</mx:Accordion>
</mx:Application>
comps/MyAccHeader.as ：
/**
* http://blog.flexexamples.com/2008/05/30/preventing-users-from-clicking-on-an-accordion-containers-header-in-flex/
*/
package comps {
import mx.containers.accordionClasses.AccordionHeader;
import mx.events.FlexEvent;
public class MyAccHeader extends AccordionHeader {
public function MyAccHeader() {
super();
addEventListener(FlexEvent.INITIALIZE, accordionHeader_initialize);
}
private function accordionHeader_initialize(evt:FlexEvent):void {
enabled = data.enabled;
}
}
}