在Flex中将Array转换为XML

最新推荐文章于 2017-03-14 18:47:37 发布

最新推荐文章于 2017-03-14 18:47:37 发布 · 149 阅读

文章标签：

#XML #Flex #Adobe

Flex 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种在Flex应用程序中将Array类型数据转换为XML格式的方法，并提供了三种不同的转换方式：直接显示Array内容、使用Adobe Flex自带的XMLDocument进行转换以及自定义函数实现转换。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" 
        backgroundColor="white" creationComplete="init();"> 
<mx:Script> 
    <![CDATA[
        import mx.rpc.xml.SimpleXMLEncoder; 
        import mx.utils.ObjectUtil; 
        
        [Bindable]  
    	public var arr:Array=[{id:"1",name:"aa"},
    					{id:"2",name:"bb"},
    					{id:"3",name:"cc"}];
        private function init():void { 
            textArea1.text = ObjectUtil.toString(arr);	//Array数组直接显示
            textArea2.text = objectToXML(arr).toXMLString();//Array数组通过XMLDocument转换
            textArea3.text = arrToXml(arr).toString();	//Array数组通过自定义转换
        }
        
        private function objectToXML(obj:Object):XML { 
            var qName:QName = new QName("root"); 
            var xmlDocument:XMLDocument = new XMLDocument(); 
            var simpleXMLEncoder:SimpleXMLEncoder = new SimpleXMLEncoder(xmlDocument);
            var xmlNode:XMLNode = simpleXMLEncoder.encodeValue(obj, qName, xmlDocument);
            var xml:XML = new XML(xmlDocument.toString()); 
            return xml; 
        }
		private function arrToXml(arr:Array):XML{  
			var root:XML = new XML("<root/>");  
            for(var i:int = 0;i<arr.length;i++){  
                var node:XML = new XML("<node/>");  
                node.id = arr[i].id;  
                node.name= arr[i].name;   
                root.appendChild(node);  
            }  
            return root;  
        }
    ]]> 
</mx:Script> 
    <mx:HDividedBox width="100%" height="100%"> 
        <mx:TextArea id="textArea1"
                editable="false" 
                width="100%" 
                height="100%" /> 
        <mx:TextArea id="textArea2" 
                editable="false" 
                width="100%" 
                height="100%" /> 
        <mx:TextArea id="textArea3" 
                editable="false" 
                width="100%" 
                height="100%" /> 
    </mx:HDividedBox> 
</mx:Application>