`
real_junlin
  • 浏览: 19385 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

Flex Accordion headerRenderer实现child收缩

    博客分类:
  • FLEX
阅读更多

用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;
}
}
}

分享到:
评论

相关推荐

    Flex Accordion 全部关闭 展开

    Flex Accordion 仿佛不能同时全部关闭, 或者展开, 于是自己写了个组件, 模拟实现下, 不多说了, 感兴趣的看看吧, 希望用到的可以参考, 不明白的留言, 呵呵!

    Flex4中头部背景图片的Accordion

    本篇文章将基于提供的文件信息深入探讨如何在Flex4中实现一个拥有自定义头部背景图片的Accordion组件,并通过代码示例详细解释其实现过程。 #### 核心知识点一:Accordion组件概述 Accordion组件是一种常见的UI...

    Accordion图文菜单-展开收缩的图片导航.rar

    一个由jquery实现的Accordion图文菜单-展开收缩的图片导航,其实也可看作是图片特效,鼠标放在上面,就会展开和合拢,完整的菜单名称:liteAccordion - a horizontal accordion plugin for jQuery。

    jquery Accordion 收缩展开的多级导航

    这个组件是jQuery UI库的一部分,提供了优雅的动画效果和易用的API,使得开发者能够轻松地在网页中实现收缩和展开的多级导航。 在jQuery Accordion中,每个面板都有一个标题和相应的内容区域。当用户点击标题时,...

    flex3.2分页控件以及通过flexlib自定义Accordion

    在Flex 3.2开发中,分页控件和Accordion组件是两个常用且重要的元素,它们可以帮助用户更有效地管理和展示大量的信息。让我们深入探讨这两个概念及其应用。 分页控件(Paging Control): 在Flex中,分页控件允许...

    jquery Accordion 多级导航菜单 可收缩展开.rar

    jquery Accordion 收缩展开的多级导航,这是一种比较常见的形式了,点击一级菜单,二级菜单随即展开,目前仅支持两级,更多级需要自己扩展,这需要你认真阅读代码以及了解jQuery类库,本菜单从老外网站获得,欢迎...

    jquery UI accordion 菜单折叠

    在本文中,我们将深入探讨jQuery UI Accordion的实现原理、使用方法以及如何通过源码进行自定义。 首先,jQuery UI Accordion是基于jQuery库构建的,因此在使用前需确保已引入jQuery。然后,我们需要引入jQuery UI...

    accordion

    不过,这样的原生实现功能较为基础,对于复杂的Accordion效果,开发者更倾向于使用JavaScript库或者框架,比如jQuery UI和Bootstrap。 例如,Bootstrap框架中的Accordion组件提供了优雅的样式和动画效果。在...

    flex自定义“折叠手风琴”组件CollapsibleAccordion

    在TourDeFlexhttp://www.adobe.com/devnet/flex/tourdeflex.html中有个折叠式手风琴控件(Collapsible Accordion),可以折叠手风琴,很酷,但不支持中文。几经尝试发现是由于Flex控件在旋转后中文就不显示了,因此做...

    Accordion Panel

    在压缩包中的文件"Accordion Panel V3"很可能是一个特定版本的Accordion Panel实现,可能包含Flash源文件(FLA)、编译后的SWF文件、相关的资源文件和可能的示例HTML文件,以便于在网页中嵌入和使用。用户可以解压这...

    Accordion分组菜单折叠未实现数据库动态绑定功能

    然而,如果Accordion菜单没有实现数据库动态绑定功能,这意味着菜单可能只能显示静态、预定义的数据,无法根据用户的请求或者数据的变化进行实时更新。 实现Accordion分组菜单与数据库动态绑定功能的关键在于结合...

    Flex开发的类似3d屏风展示效果,供参考学习用

    这个标题提到的"Flex开发的类似3d屏风展示效果",指的是使用Flex技术实现的一个具有三维视觉效果的屏幕展示组件,它模拟了中国古代屏风的翻转效果,用于展示图片或其他内容,提供了一种独特且吸引用户的交互体验。...

    Flex控件折叠效果

    在Flex中,我们可以利用各种组件如Accordion、AccordionItem或自定义的CollapsiblePanel来实现折叠效果。 1. **Accordion组件**:Accordion是Flex提供的一种内置组件,它可以包含多个AccordionItem,每个Item都可以...

    纯 CSS3 实现的窗帘菜单 Accordion

    在本文中,我们将深入探讨如何使用纯 CSS3 实现一种被称为“窗帘菜单”的 Accordion 效果。Accordions 是一种交互式用户界面组件,它允许用户在一个有限的空间内展开和折叠内容,常用于网站的导航菜单、设置面板或者...

    Jquery实现的手风琴特效-Accordion

    手风琴(Accordion)是一种常见的用户界面元素,尤其在网页设计中被广泛使用。它通过折叠和展开的方式展示内容,可以有效地节省空间,提高用户体验。本篇将详细讲解如何使用jQuery来实现一个手风琴效果。 一、...

    CSS Accordion

    `accordion-item`通常设置为垂直堆叠,使用`display: flex`和`flex-direction: column`。 2. **隐藏内容**:默认情况下,所有`accordion-content`应该被隐藏,可以使用`display: none`实现。当对应的`accordion-...

    JavaScript Accordion

    在本文中,我们将深入探讨JavaScript Accordion的实现原理、核心代码及其实用技巧。 Accordion的基本工作原理是通过JavaScript来控制HTML元素的展开与折叠。通常,一个Accordion由多个可折叠的部分(面板)组成,每...

    accordion菜单

    在这个项目中,`jquery.ui.accordion.js`就是实现accordion菜单功能的核心文件,它依赖于`jquery.ui.core.js`和`jquery.ui.widget.js`来提供基础的UI功能和组件构建模块。 `jquery-1.6.2.js`是jQuery库的版本1.6.2...

    导航折叠特效(flex3)

    1. **Accordion容器**:Flex3提供了一个Accordion容器,它允许用户在多个面板之间切换,每个面板可以视为一个导航项。当选择一个面板时,其他面板会自动折叠,只显示选定的面板内容。 2. ** accordianItem组件**:...

    Silverlight中Accordion组件动态生成示例

    6. **数据绑定**:Silverlight支持数据绑定,你可以将AccordionItem的数据源绑定到一个数据集,实现数据驱动的动态生成。这样,当数据集发生变化时,Accordion会自动更新。 7. **性能优化**:由于动态生成可能会...

Global site tag (gtag.js) - Google Analytics