Flex4控件例程: 基于HttpService的运用向Tree空间中添加和删除XML数据格式的节点操作
XML文件:
cd.xml
<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"> <s:layout> <s:VerticalLayout verticalAlign="middle" horizontalAlign="center"/> </s:layout> <fx:Script> <![CDATA[ import mx.controls.Alert; import mx.events.FlexEvent; import mx.rpc.events.ResultEvent; protected function http_resultHandler(event:ResultEvent):void { var result:XML = event.result as XML ; tree.dataProvider = result ; trace(result) ; } protected function addNode():void { // TODO Auto-generated method stub var xml:XML = tree.selectedItem as XML ; if(xml.length()>0){ var newNode:XML = <node /> ; newNode.@value=addItem.text ; xml.appendChild(newNode) ; } addItem.text = "" ; } protected function delNode():void { if(!tree.selectedItem.hasOwnProperty("CD")){ tree.dataDescriptor.removeChildAt(tree.selectedItem.parent(),tree.selectedItem,tree.selectedItem.childIndex(),tree.dataProvider); }else{ Alert.show("不能删除根节点","系统提示"); } } ]]> </fx:Script> <fx:Declarations> <!-- 将非可视元素(例如服务、值对象)放在此处 --> <!--<fx:XML source="data/cd.xml" format="e4x" id="data"/>--> <s:HTTPService id="http" url="data/cd.xml" resultFormat="e4x" result="http_resultHandler(event)"/> </fx:Declarations> <mx:Tree id="tree" labelField="@value" width="300" height="400"></mx:Tree> <s:Group width="304" height="27"> <s:TextInput id ="addItem" x="0" y="5" height="100%" width="100"/> <s:Button x="118" y="2" label="增加节点" enabled="{addItem.text!=''?true:false}" click="addNode()"/> <s:Button x="224" y="2" label="删除节点" enabled="{tree.selectedIndex==-1?false:true}" click="delNode()"/> </s:Group> </s:Application>
XML文件:
cd.xml
<?xml version="1.0" encoding="ISO-8859-1" ?> <!-- Edited with XML Spy v2007 (http://www.altova.com) --> <CDS value="Root"> <CD value="CD1"> <TITLE value="TITLE">Empire Burlesque</TITLE> <ARTIST value="ARTIST">Bob Dylan</ARTIST> <COUNTRY value="COUNTRY">USA</COUNTRY> <COMPANY value="COMPANY">Columbia</COMPANY> <PRICE value="PRICE">10.90</PRICE> <YEAR value="YEAR">1985</YEAR> </CD> <CD value="CD2"> <TITLE value="TITLE">Hide your heart</TITLE> <ARTIST value="ARTIST">Bonnie Tyler</ARTIST> <COUNTRY value="COUNTRY">UK</COUNTRY> <COMPANY value="COMPANY">CBS Records</COMPANY> <PRICE value="PRICE">9.90</PRICE> <YEAR value="YEAR">1988</YEAR> </CD> <CD value="CD3"> <TITLE value="TITLE">Greatest Hits</TITLE> <ARTIST value="ARTIST">Dolly Parton</ARTIST> <COUNTRY value="COUNTRY">USA</COUNTRY> <COMPANY value="COMPANY">RCA</COMPANY> <PRICE value="PRICE">9.90</PRICE> <YEAR value="YEAR">1982</YEAR> </CD> <CD value="CD4"> <TITLE value="TITLE">Still got the blues</TITLE> <ARTIST value="ARTIST">Gary Moore</ARTIST> <COUNTRY value="COUNTRY">UK</COUNTRY> <COMPANY value="COMPANY">Virgin records</COMPANY> <PRICE value="PRICE">10.20</PRICE> <YEAR value="YEAR">1990</YEAR> </CD> <CD value="CD5"> <TITLE value="TITLE">Eros</TITLE> <ARTIST value="ARTIST">Eros Ramazzotti</ARTIST> <COUNTRY value="COUNTRY">EU</COUNTRY> <COMPANY value="COMPANY">BMG</COMPANY> <PRICE value="PRICE">9.90</PRICE> <YEAR value="YEAR">1997</YEAR> </CD> <CD value="CD6"> <TITLE value="TITLE">One night only</TITLE> <ARTIST value="ARTIST">Bee Gees</ARTIST> <COUNTRY value="COUNTRY">UK</COUNTRY> <COMPANY value="COMPANY">Polydor</COMPANY> <PRICE value="PRICE">10.90</PRICE> <YEAR value="YEAR">1998</YEAR> </CD> </CDS>
- Flex08_HttpService.rar (2.4 MB)
- 下载次数: 26
发表评论
-
全面认识Flex六大要素
2011-05-08 12:56 868在学习Flex应用程序的 ... -
Flex4之将Sprite控件添加到FLEX UI中
2011-05-08 12:54 1407在Flex的帮助文档里,有很多例子都是扩展Sprite类的。如 ... -
Flex4之元数据标签详解
2011-05-07 23:57 1325Flex 元数据标签 1、[ArrayElementT ... -
Flex4之关于Embed外部资源的使用方法
2011-05-07 20:56 1048Flex软件中经常需要 ... -
Flex之使用ActionScript构造组件
2011-05-07 20:04 944因为是专门针对ActionScript来写的篇章,所以,对于A ... -
Flex获取RGB的值,R、G、B
2011-05-06 20:35 1024<?xml version="1.0" ... -
Flex自制简单菜单
2011-05-06 20:22 988<?xml version="1.0" ... -
Flex4之为ToolTip设置旋转特效及字体
2011-05-05 21:04 1796<?xml version="1.0" ... -
Flex的Alert中加入超链接
2011-05-05 20:57 1252<?xml version="1.0" ... -
FLEX4之内存释放优化原则
2011-05-05 13:28 7001. 被删除对象在外部的所有引用一定要被删除干净才能被系统 ... -
Flex4之简易MP3播放器
2011-05-03 20:55 1129<?xml version="1.0" ... -
Flex4之DataGrid示例【客户端和服务器端]
2011-05-03 19:27 1739由于我的DataGrid与JAVA后 ... -
Flex4表单验证
2011-05-01 22:34 2037这里主要讲Combox的验证。其他几个略带说说。 ... -
Flex4之与后台服务器通信方式:URLRequest+URLLoader【JAVA方式】
2011-04-21 20:16 1930URLRequest是ActionScript和服务端通信的最 ... -
Flex4 事件详解
2011-04-17 16:10 1012第一、Flex事件简介 ...
相关推荐
- 遍历DataTable中的每一行数据,创建对应的XML节点。 - 使用`CreateElement`、`CreateAttribute`等方法构造节点及其属性。 - 通过`AppendChild`方法添加子节点至父节点。 4. **保存XML文件**: - 最终将构建好...
本篇文章将聚焦于如何将ArrayCollection转换为XML数据源,并实现Flex Tree组件的新增、删除和修改功能。以下是详细的解释和步骤。 首先,ArrayCollection是Flex中常用的数据结构,它是一个动态数组,支持数据绑定和...
让我们深入了解一下Flex Tree的用法以及与XML数据结合的方式。 1. **Flex Tree的基本用法** - **创建Tree组件**: 在Flex中,你可以通过在MXML或ActionScript中定义`mx.controls.Tree`组件来创建Tree。 - **数据...
在Flex开发中,动态绑定XML是一种常见的数据驱动技术,它允许开发者通过XML文件来存储和管理数据,并将这些数据实时地展示在用户界面中,如树形控件。本示例着重讲解如何利用动态绑定XML来实现Flex树控件的绑定,...
本篇将详细介绍如何为Flex中的Tree组件设置不同的数据源,包括XML、Array和Object。 首先,让我们从XML数据源开始。XML因其结构化的特性,非常适合用来表示层次数据。在Flex中,我们可以使用mx.collections....
在这个场景中,我们关注的是如何在Flex4的Tree控件中添加CheckBox,以便用户可以多选树形结构中的节点。 Tree控件在Flex中用于展示层次结构的数据,它允许用户展开和折叠节点,查看和导航数据结构。在很多情况下,...
在Flex4中,Tree组件是一种强大的用户界面元素,用于展示层次结构的数据。它允许用户以图形化的方式浏览和操作多级目录或具有嵌套结构的信息。在这个“flex4Tree组件分层显示数据示例”中,我们将深入探讨如何在Flex...
"Flex Tree XML"这个主题,就是关于如何使用XML数据源来填充和操作Flex中的Tree组件。在这个小例子中,我们将深入探讨如何将XML数据转换为可交互的树形结构。 一、XML数据源与Flex Tree组件 在Flex中,Tree组件...
"flex Tree xml"指的是使用XML数据来构建Flex中的Tree组件。Tree组件是Flex界面设计中的一种常见控件,它呈现了层次化的数据结构,通常用于显示文件系统、组织结构或者任何具有层级关系的数据。在本场景中,我们将...
描述:此代码示例展示了如何在Flex应用程序中使用XML数据来动态生成一个树形结构(Tree)。Flex是Adobe Systems开发的一款开源框架,用于构建跨平台的桌面和移动设备应用。这段代码通过HTTPService组件从外部XML文件...
在Flex中,Tree组件是用于显示层次结构数据的控件,而"flex带复选框的tree"(Flex CheckboxTree)则是对Tree组件的一种扩展,增加了复选框功能,用户可以对树形结构的节点进行选择或全选操作,常用于权限管理、配置...
综上所述,实现"flex的combBox添加tree"涉及了Flex组件使用、ActionScript编程、数据处理、事件驱动等多个方面的知识,需要一定的Flex开发经验。通过这个过程,你可以创建出一个功能强大的用户界面,为用户提供更加...
Flex Tree是Adobe Flex框架中的一个组件,用于展示层次结构数据,如文件系统、组织结构或任何其他具有层级关系的数据。本教程将深入讲解Flex Tree组件的使用方法和关键概念,帮助开发者更好地理解和应用这一功能强大...
Flex Tree 是Adobe Flex框架中的一个组件,用于展示层次结构数据,通常以树形结构呈现。在实际应用中,用户可能需要快速找到特定的树节点,这正是"Flex Tree快速定位树结点"这一功能的核心所在。它允许用户通过输入...
`<mx:Tree>`控件是Flex MX组件库中的一个关键组件,它允许开发者展示层次化的数据,用户可以展开、折叠节点,以及进行添加和删除操作。这个控件非常适合用来呈现目录结构、组织结构图等具有层级关系的数据。 1. **...
4. MXML文件中还包含了一个 `<mx:Tree>` 组件,用于显示加载的XML数据,以及一个 `<mx:Label>` 显示标题。 在对应的XML文件 "RIA.xml" 中,可以看到一个结构化的菜单数据,包含多个商店和每个商店下的摄相头列表。...
在IT行业中,"flex tree icon"通常指的是使用Flex技术构建的一种树形结构控件,它在用户界面上显示带有图标的层次数据。Flex是一种用于创建富互联网应用程序(RIA)的框架,基于ActionScript编程语言和Flash Player...
根据提供的文件信息,本文将对“Flex Tree 源码”进行详细解析,重点解读如何通过 Flex、Java 和 Tree 代码结合 XMLList 来生成 XML 文件,并构建树形数据结构。 ### 一、理解 Flex、Java 和 Tree 代码 #### 1.1 ...