`

向Tree空间添加删除XML数据节点_Flex4

XML 
阅读更多
Flex4控件例程: 基于HttpService的运用向Tree空间中添加和删除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>
分享到:
评论

相关推荐

    flex中tree的数据源是xml

    - 遍历DataTable中的每一行数据,创建对应的XML节点。 - 使用`CreateElement`、`CreateAttribute`等方法构造节点及其属性。 - 通过`AppendChild`方法添加子节点至父节点。 4. **保存XML文件**: - 最终将构建好...

    Flex Tree 通过Arraycollection转化为XML数据源,新增、删除、修改功能的整合

    本篇文章将聚焦于如何将ArrayCollection转换为XML数据源,并实现Flex Tree组件的新增、删除和修改功能。以下是详细的解释和步骤。 首先,ArrayCollection是Flex中常用的数据结构,它是一个动态数组,支持数据绑定和...

    Flex tree的用法

    让我们深入了解一下Flex Tree的用法以及与XML数据结合的方式。 1. **Flex Tree的基本用法** - **创建Tree组件**: 在Flex中,你可以通过在MXML或ActionScript中定义`mx.controls.Tree`组件来创建Tree。 - **数据...

    动态绑定XML,实现flex树控件的绑定

    在Flex开发中,动态绑定XML是一种常见的数据驱动技术,它允许开发者通过XML文件来存储和管理数据,并将这些数据实时地展示在用户界面中,如树形控件。本示例着重讲解如何利用动态绑定XML来实现Flex树控件的绑定,...

    Flex中Tree组件的数据源举例(xml,array,object)

    本篇将详细介绍如何为Flex中的Tree组件设置不同的数据源,包括XML、Array和Object。 首先,让我们从XML数据源开始。XML因其结构化的特性,非常适合用来表示层次数据。在Flex中,我们可以使用mx.collections....

    Flex4的Tree控件加CheckBox

    在这个场景中,我们关注的是如何在Flex4的Tree控件中添加CheckBox,以便用户可以多选树形结构中的节点。 Tree控件在Flex中用于展示层次结构的数据,它允许用户展开和折叠节点,查看和导航数据结构。在很多情况下,...

    flex4Tree组件分层显示数据示例

    在Flex4中,Tree组件是一种强大的用户界面元素,用于展示层次结构的数据。它允许用户以图形化的方式浏览和操作多级目录或具有嵌套结构的信息。在这个“flex4Tree组件分层显示数据示例”中,我们将深入探讨如何在Flex...

    Flex Tree XML

    "Flex Tree XML"这个主题,就是关于如何使用XML数据源来填充和操作Flex中的Tree组件。在这个小例子中,我们将深入探讨如何将XML数据转换为可交互的树形结构。 一、XML数据源与Flex Tree组件 在Flex中,Tree组件...

    flex Tree xml

    "flex Tree xml"指的是使用XML数据来构建Flex中的Tree组件。Tree组件是Flex界面设计中的一种常见控件,它呈现了层次化的数据结构,通常用于显示文件系统、组织结构或者任何具有层级关系的数据。在本场景中,我们将...

    flex xml生成tree 源码

    描述:此代码示例展示了如何在Flex应用程序中使用XML数据来动态生成一个树形结构(Tree)。Flex是Adobe Systems开发的一款开源框架,用于构建跨平台的桌面和移动设备应用。这段代码通过HTTPService组件从外部XML文件...

    flex带复选框的tree,flex checkboxtree

    在Flex中,Tree组件是用于显示层次结构数据的控件,而"flex带复选框的tree"(Flex CheckboxTree)则是对Tree组件的一种扩展,增加了复选框功能,用户可以对树形结构的节点进行选择或全选操作,常用于权限管理、配置...

    flex的combBox添加tree

    综上所述,实现"flex的combBox添加tree"涉及了Flex组件使用、ActionScript编程、数据处理、事件驱动等多个方面的知识,需要一定的Flex开发经验。通过这个过程,你可以创建出一个功能强大的用户界面,为用户提供更加...

    flex tree 教程二

    Flex Tree是Adobe Flex框架中的一个组件,用于展示层次结构数据,如文件系统、组织结构或任何其他具有层级关系的数据。本教程将深入讲解Flex Tree组件的使用方法和关键概念,帮助开发者更好地理解和应用这一功能强大...

    Flex Tree快速定位树结点

    Flex Tree 是Adobe Flex框架中的一个组件,用于展示层次结构数据,通常以树形结构呈现。在实际应用中,用户可能需要快速找到特定的树节点,这正是"Flex Tree快速定位树结点"这一功能的核心所在。它允许用户通过输入...

    Flex使用<mx:Tree>控件创建树(可添加和删除节点)

    `&lt;mx:Tree&gt;`控件是Flex MX组件库中的一个关键组件,它允许开发者展示层次化的数据,用户可以展开、折叠节点,以及进行添加和删除操作。这个控件非常适合用来呈现目录结构、组织结构图等具有层级关系的数据。 1. **...

    Flex之URLLoader加载XML

    4. MXML文件中还包含了一个 `&lt;mx:Tree&gt;` 组件,用于显示加载的XML数据,以及一个 `&lt;mx:Label&gt;` 显示标题。 在对应的XML文件 "RIA.xml" 中,可以看到一个结构化的菜单数据,包含多个商店和每个商店下的摄相头列表。...

    flex tree icon

    在IT行业中,"flex tree icon"通常指的是使用Flex技术构建的一种树形结构控件,它在用户界面上显示带有图标的层次数据。Flex是一种用于创建富互联网应用程序(RIA)的框架,基于ActionScript编程语言和Flash Player...

    Flex Tree 源码

    根据提供的文件信息,本文将对“Flex Tree 源码”进行详细解析,重点解读如何通过 Flex、Java 和 Tree 代码结合 XMLList 来生成 XML 文件,并构建树形数据结构。 ### 一、理解 Flex、Java 和 Tree 代码 #### 1.1 ...

Global site tag (gtag.js) - Google Analytics