M对于<mx:MenuBar/>提供的有关资料非常的少,对于直接编码生成MENU的方法,用户选择某一菜单,会触发一个Change事件,然后可以通过该事件的event.menuItem.attributes.attribute来访问所选的菜单属性。
例如:
<mx:Script>
function changeEvt(event){
var menuItem=event.menuItem;
alert(menuItem.attributes.label);
}
</mx:Script>
<mx:MenuBar id=”menuBar1″
change="changeEvt(event)" >
<mx:dataProvider>
<mx:XML>
<menuitem label="MenuItem A" >
<menuitem label="L1" />
<menuitem label="L2" />
</menuitem>
<menuitem label="MB" />
<menuitem label="MC" />
</mx:XML>
</mx:dataProvider>
</mx:MenuBar>
但是位于如果该MENUBAR是通过设置MenuBar标签的DataProvider属性来自动生成的,以上方法并不能获取到MenuItem的label,那么相应的捆绑到该MENUITEM的属性如何获取呢?
MM官方的文挡并没有提到方法,起码我没有找到,通过<Inspact/>我发现在ChangeEvent.MenuItem有一个backingObject,该对象包含了捆绑到该MenuItem的所有相应属性,那么问题的解决方法就很显然了。
<mx:Script>
function changeEvt(event){
var menuItem=event.menuItem;
alert(menuItem.backingObject.label);
}
</mx:Script>
<mx:XML id=”menuDS1″
source="menuSrc.xml"
change="changeEvt(event)" />
menuSrc.xml 文件内容如下:
<node label=”File”>
<node label="Load" />
<node label="Save" />
<node label="Expand" />
<node label="Exit" />
</node>
这样就可以获取我们需要的任何属性了,MM的FLEX的文挡和资料实在是太不全了。。。
分享到:
相关推荐
FLex MenuBar的小例子,可以实现下拉菜单的效果,可直接拷贝使用
然后,在主应用程序`MenuBarApp.mxml`中,我们需要使用`mx.collections.ArrayCollection`来存储从数据库获取的菜单数据,并将其绑定到`MenuBar`的`dataProvider`属性。同时,指定我们刚刚创建的自定义渲染器作为`...
Flex中的`Form`组件用于创建数据输入表单,它能够自动布局和调整其子控件的位置,以适应不同的屏幕尺寸。`Form`组件支持多种数据绑定技术,使得数据收集和验证过程变得更加简单和高效。 #### Flex内建的UI控件 ...
3. **加载XML数据**:在Flex应用程序中,我们可以使用`XML`类来解析XML文件,并将结果绑定到Menubar组件。首先,需要在MXML文件中导入`flash.utils.getDefinitionByName`函数来获取XML解析类,然后在初始化阶段加载...
menuBar.dataProvider = new XMLListCollection(menuData.menu); ``` 接下来,我们要创建`MenuBar`实例并将其添加到舞台上: ```actionscript var menuBar:MenuBar = new MenuBar(); this.addElement(menuBar); ``...
在Flex4中,我们可以使用Spark组件库中的MenuBar组件来创建基础的菜单结构。MenuBar组件允许用户通过点击或触摸触发下拉菜单,展示更多的选项。 在描述中提到了"move特效",这是Flex4中Animate类的一个关键概念。...
在Flex开发中,我们经常会遇到需要创建用户界面的需求,而MenuBar是构建应用程序导航和功能菜单的一种常见组件。本主题将深入探讨如何实现一个“竖排Menu”在Flex中的应用,以此来满足非传统布局的需求。 标题...
接下来,我们在Flex应用中解析这个XML文件,并将数据绑定到`Menu`或`MenuBar`组件上。可以使用`XMLListCollection`来处理XML数据,并将其转换为可绑定的数据源。以下是一个简单的示例: ```actionscript // 加载XML...
felx3怎样监听MneuBar 并进行menu的展示和隐藏,以及menu的相互切换
最后,文档中提及的Datavisualization components(数据可视化组件)是Flex框架中不可或缺的一部分,用于创建各类图表。例如,Chart控件允许开发者制作AreaChart(面积图)、BarChart(柱状图)、BubbleChart(气泡...
### Flex UI组件使用全集详解 #### 概述 本文档是基于阿树对Adobe Flex UI组件库的全面整理,并结合Adobe主页上提供的各种组件代码示例进行深度解析。Flex是一种用于构建高度交互式的Web应用的框架,尤其适用于创建...
通过以上对《Flex 3 组件实例与应用》一书中提到的各类组件的介绍,我们可以看出Flex 3提供的组件不仅涵盖了基本的UI需求,还包括了高级的交互、数据展示和验证等功能。这使得开发者能够在构建复杂的应用程序时更加...
以上仅为《Flex 3 组件实例与应用(2009版)》书中部分知识点的概述,该书详细介绍了每一个组件的使用方法、属性、事件以及示例代码,对于希望深入学习和掌握Flex 3开发技术的读者来说,是一本不可多得的实战指南。
- 用于绑定数据的属性是`dataProvider`。 - 可以以平面或树形结构显示数据。 - 支持绑定多种类型的数据源,如ArrayCollection、XMLList等。 - 支持数据分组、摘要显示、排序等功能。 ### Flex中的动画与导航 1...
6. ComboBox:弹出式下拉列表,可通过`dataProvider="{数组id}"`设置数据源。 7. List:直接显示数据元素。 8. Alert:弹出式提示对话框,使用`show(text, title, flags, parent, closeHandle, iconClass, ...
根据给定的文件信息,我们可以深入探讨Flex框架的关键知识点,特别是关于MXML语言以及Flex组件的详细介绍。 ### MXML:Flex的核心语言 MXML是一种基于XML的语言,专门用于描述Flex应用的用户界面和非可视化组件。...
在这个"flex-menu.rar"压缩包中,可能包含了实现上述功能的源代码示例或者预编译的SWF文件,以便开发者可以直接查看和学习如何在实际项目中应用Flex 4的菜单组件。 通过深入研究这些示例,开发者可以学习到如何定制...
这个例子涉及到了Flex中的DataGrid组件,它是展示数据表格的理想选择。DataGrid允许用户以表格形式显示数据,并支持排序、选择和编辑等功能。通过这个示例,学习者可以了解到如何绑定数据源到DataGrid,设置列定义...
8. **MockJS**:在开发过程中,使用MockJS模拟后端接口返回的数据,使前端可以独立于后端进行开发和测试,例如模拟获取导航栏数据的接口。 此外,为了实现导航栏的交互效果,可能还涉及到CSS(层叠样式表)和...
- MenuBar组件:Flex提供了MenuBar组件,用于创建顶部菜单栏,常用于网站或应用程序的导航。它可以包含多个MenuItem,每个MenuItem可以有子菜单,形成多级菜单结构。 - MenuItem组件:MenuItem是构成菜单的基本...