`
JadeLuo
  • 浏览: 428040 次
  • 性别: Icon_minigender_1
  • 来自: 珠海
社区版块
存档分类
最新评论

Flex树形菜单实例带跳转功能根据官方示例添加链接

    博客分类:
  • Flex
 
阅读更多

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="top"
    horizontalAlign="center"  paddingTop="0" viewSourceURL="srcview/index.html">
 
 <mx:Script>
  <![CDATA[
   import mx.controls.Alert;
   
   [Bindable]
   public var selectedNode:XML;
   
   // Event handler for the Tree control change event.
   public function treeChanged(event:Event):void {
    selectedNode=Tree(event.target).selectedItem as XML;
    
//    Alert.show(""+selectedNode.attribute("url"));
//    var u = selectedNode.attribute("url");
    ExternalInterface.call("function(){window.location.href='"+selectedNode.attribute("url")+"';}");

//    Alert.show(""+selectedNode.toXMLString());
   }
  ]]>
 </mx:Script>
 
 <mx:XMLList id="treeData">
  <node label="Mail Box">
   <node label="Inbox">
    <node label="Marketing" url="http://localhost:8088/webpro/webpro-debug/Main.html" />
    <node label="Product Management"/>
    <node label="Personal"/>
   </node>
   <node label="Outbox">
    <node label="Professional"/>
    <node label="Personal"/>
   </node>
   <node label="Spam"/>
   <node label="Sent"/>
  </node>   
 </mx:XMLList>
 
 <mx:Panel title="Tree Control" layout="vertical" color="0xffffff" borderAlpha="0.15" width="500"
     paddingTop="10" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center">
  
  <mx:Label width="100%" color="0x323232"
      text="Select a node in the Tree control."/>
  
  <mx:HDividedBox width="100%" height="100%" color="0x323232">
   <mx:Tree id="myTree" width="50%" height="100%" labelField="@label"
      showRoot="false" dataProvider="{treeData}" change="treeChanged(event)"/>
   <mx:TextArea height="100%" width="50%"
       text="Selected Item: {selectedNode.@label}"/>
  </mx:HDividedBox>
  
 </mx:Panel>
</mx:Application>

分享到:
评论

相关推荐

    flex_gifplayer使用实例

    在本文中,我们将深入探讨如何使用Flex_GifPlayer以及它的工作原理,同时提供一个实际的使用示例。 首先,我们需要了解Flex和AS3的基础知识。Flex是用于构建富互联网应用程序(RIA)的开源框架,它基于MXML和...

    flex sample-跳转

    总结来说,"flex sample-跳转"项目展示了Flex开发中ViewStack控件的基本用法,通过它我们可以创建多页面的富互联网应用,提供简单的导航功能。深入理解并掌握ViewStack的使用,将有助于提升Flex应用程序的交互性和...

    微信小程序自定义底部导航带跳转功能

    微信小程序自定义底部导航带跳转功能的知识点主要包括以下几个方面: 1. 微信小程序底部导航概述: 微信小程序支持底部导航栏的自定义,开发者可以根据自己的需求设计导航栏的样式和功能。底部导航是用户在小程序...

    flex播放视频video调用示例

    下面是一段基本的代码示例,展示了如何在Flex项目中创建和使用`Video`组件: ```actionscript // 创建Video组件 var video:Video = new Video(); video.width = 640; // 设置视频宽度 video.height = 480; // 设置...

    flex state跳转

    Flex是Adobe公司推出的一种基于ActionScript 3.0的开源框架,主要用于构建富互联网应用程序(RIA)。...在实际开发中,结合`sample4.swf`这样的示例学习,将有助于加深对Flex State跳转的理解和应用。

    flex完全自学手册

    总之,《Flex完全自学手册》是一本内容全面、实例丰富的教程,无论你是初学者还是有一定经验的开发者,都能从中获得有价值的指导和启发,从而更高效地掌握Flex技术,构建高质量的富互联网应用程序。

    《Flex 3 组件实例与应用(2009版)》(PDF)

    《Flex 3 组件实例与应用(2009版)》是一本深入解析Adobe Flex 3框架下组件使用与实践的专业书籍。本书由Dason精心整理于2009年2月,全面覆盖了Flex 3中的各种控件、容器、数据可视化组件以及效果、视图状态和过渡...

    uni-app-小程序自定义底部菜单样式示例

    【uni-app小程序自定义底部菜单样式示例】 在uni-app框架中,开发微信小程序、支付宝小程序、H5等多端应用时,我们经常会...在实际项目中,还可以根据具体需求添加动画效果、动态加载等功能,以增强底部菜单的交互性。

    Flex中很多的帮助文档已经资料和一些常见问题的解决方案

    7. **Flex应用实例**:在深入学习Flex的过程中,实践是非常重要的。你可以通过压缩包中的示例项目了解Flex如何应用于实际场景,如创建数据驱动的应用、实现动态图表、构建复杂的用户界面等。 总的来说,这个压缩包...

    flex3做的流程图

    Flex3是一种基于ActionScript 3.0的开源框架,用于构建富互联网应用程序(RIA)。...在提供的“维修流程图”示例中,我们可以学习如何应用这些知识来构建一个具体的流程图实例,模拟设备维修过程中的各个步骤和决策。

    跟我StepByStep学FLEX教程------王一松

    ### FLEX教程知识点详解 #### 1. FLEX概述 - **FLEX介绍**:FLEX是一种用于构建跨平台富互联网应用程序(RIA)的技术。它使用了一种名为MXML的标记语言来创建用户界面,并利用ActionScript进行逻辑处理。FLEX能够...

    flex通用分页控件

    Flex通用分页控件是基于Adobe Flex框架开发的一种组件,用于在Web应用程序中实现数据的分页显示。Flex是一个开放源代码的、基于XML的编程语言...PagingToolProject则可能是一个用于学习和实践Flex分页功能的实例项目。

    StepByStep学FLEX教程.pdf

    - **页面跳转**:Flex支持复杂的导航逻辑,本节将通过实际案例展示如何实现不同页面间的跳转。 - **样式和主题**:Flex允许开发者对应用程序进行高度定制化的视觉设计。这部分会介绍如何应用样式和创建主题来美化UI...

    flex 入门教程

    - **数据绑定**:通过实例了解Flex中如何实现数据模型与UI组件之间的自动同步。 - **事件处理**:介绍Flex中的事件模型,包括事件类型、事件监听器的添加与移除等。 #### 6. 自定义事件与组件 - **自定义事件**:...

    flex datagrid分页

    考虑到用户体验,可以添加一些额外功能,如显示总页数、当前页数,以及提供跳转至指定页的功能。同时,应确保分页操作流畅,避免用户等待加载的时间过长。 6. **样式与交互** Flex提供丰富的样式API来定制分页...

    pv3d加入Flex控件及创建热点(附部分代码)

    ### pv3d加入Flex控件及创建热点:深入解析与代码示例 #### 一、pv3d与Flex控件的结合:实现交互式3D场景 在Flash平台的辉煌时期,Papervision3D(简称pv3d)作为一款强大的3D引擎,为开发者提供了构建丰富3D体验...

    可以运行的puremvc的登陆实例.

    标题中的“可以运行的PureMVC的登陆实例”是指一个基于PureMVC框架的登录功能实现,这个实例已经经过验证可以在FlexBuilder3环境下正常运行。PureMVC是一种经典的多层应用架构模式,它为ActionScript、JavaScript、...

Global site tag (gtag.js) - Google Analytics