Flex Accordion headerRenderer实现child收缩

最新推荐文章于 2018-10-10 14:04:34 发布

原创最新推荐文章于 2018-10-10 14:04:34 发布 · 108 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Flex #Flash #Google

FLEX 专栏收录该内容

0 篇文章

订阅专栏

本文介绍了一种简单的方法来解决Accordion组件中子项无法响应点击的问题。通过自定义AccordionHeader组件并覆盖点击事件，实现了点击任意header时能自动切换到下一个子项的功能。

用Accordion组件的时候发现,child展开之后再点击的时候没有相应.
然后习惯性的Google发现解决方法大致是自定义一个组件...
感觉为了一个小功能重写有点杀鸡用牛刀的感觉.
于是仔细想了下,发现其实只需要指定header的itemRenderer即可:
上代码 headerRenderer="com.MyAccHeader"
MyAccHeader:
package com
{
import flash.events.MouseEvent;
import mx.controls.Alert;
import mx.containers.Accordion;
import mx.containers.accordionClasses.AccordionHeader;
public class MyAccHeader extends AccordionHeader
{
public function MyAccHeader()
{
super();
this.addEventListener(MouseEvent.CLICK,fun);
}
private function fun(evt:MouseEvent):void
{
(this.parent as Accordion).selectedIndex = (this.parent as Accordion).selectedIndex+1;
}
}
}