flex 数据基础-使用XML和XMLList
【转帖，备忘】
flex的一个特性是数据驱动。这么说不太清楚，举个例子吧，在网页里做一个数据表格，要先画好表格结构然后把数据填进去，而在flex 里则是为 datagrid指定一个数据源，数据源的结构决定了datagrid的呈现样式。很多时候数据源是XML和XMLList充当的，所以了解XML和 XMLList还是有很有必要的。
一般情况下，由数据端语言生成XML或XMLList提供给Flex，由Flex直接使用或转换成ArrayCollection展现数据。
那么XML和XMLList有什么区别呢，很简单，看是否含有根节点。举例来说：
<root>
<node type="student" name="学生一">
<node type="student" name="学生二">
<node type="teacher" name="老师一">
</root>
这就是一个典型的XML，其中<root>是根节点，<node>是子节点。type,name是属性名，等号右边是属性值。而
<node type="student" name="学生一" />
<node type="student" name="学生二" />
<node type="teacher" name="老师一" />
这一部分就是一个XMLList。
好了，知道了什么是XML和XMLList，下面看怎么使用他们。
1、使用AS创建XML
前面的代码不罗嗦，直接看script里的
<mx:Script>
<![CDATA[
Private var myData:XML;
private function initApp():void
{
myData = <root>
<node type="student" name="小花" />
<node type="student" name="小龙" />
<node type="student" name="小刚" />
</root>
}
]]>
</MX:Script>
注意一下，这是比较基础的flex特性，全局变量可以在函数体外定义，但实例话对象并赋值这个过程必须在函数体内进行，不然会报错说变量未定义。用上面的代码举例：
Private var myData:XML = new XML();
myData = <root>
……
</root>
这样写代码，OK，保存的时候就会提示变量未定义。创建一个function，在函数体内为myData赋值才是正确的。
其实也可以在声明变量的时候直接赋值，也不会报错，如下：
Private var myData:XML = <root>
……
</root>
在函数内调用myData也不会任何问题。
ok, 言归正传，我们在initApp()这个函数里为myData赋值，也就是说必须运行initApp()这个函数才能使用，为了能自动为myData赋 值，还需要在windowedApplication标签加入creationComplete="initApp()"，作用是在程序初始化结束后会执 行initApp()这个函数。
另外，这种方式只能定义XML，既必须有根节点，不能定义XMLList。
除了直接给XML变量赋值外，还可以使用构造函数，如下：
<mx:Script>
<![CDATA[
private var myData:XML;
private function initApp():Void
{
var myStr:String = "<root>
……
</root>"
myData = new XML(myStr);
}
]]>
</mx:Script>
这种形式要注意下XML中的引号要换成单引号。
2、用标签创建XML/XMLList
废话不说，直接看标签代码
<mx:XML id="myData">
<root>
<node type=……
</root>
</mx:XML>
注意啊， 在flex4里，直接插入这个标签是会报错的，正确的做法应该是在<mx:XML>外增加一个父标签<fx:Declarations>。
同样的定义XMLList，只是没有<root>标签而已，不啰嗦。
3、输出XML某一类节点
非常简单，，可以直接使用点语法，看例子：
假设有这样一个XML，要取节点名为girl的子节点组成的XMLList，如下：
private var myData:XML = <student>
<boy name="小刚"/>
<boy name="小刚"/>
<girl name="小花"/>
<girl name="小兰"/>
</student>
private var girls:XMLList ;
private function initApp():Void
{
girls = myData.girl;
trace(girls);
}
注意这个地方，如果名为girl的节点只有一个，系统会报错，后面会解释。
XML对象跟节点相关的功能总结下，简单，不多解释，记住就好：
1) 获取全部节点 myData.elements("*")
2) 按节点名称获取节点 myData.elements("node")
3) 获取节点下的所有所有节点 myData.node[0].elements() 第一个node节点下的所有内容，比如说：
<root>
<node>
<child name="john"/>
<childe name="Tom"/>
</node>
</root>
显示的就是
<child name="john"/>
<childe name="Tom"/>
4) 单条数据的情况，注意，下面一段呼应上面的红色内容：
myData2 = <root>
<boy name="数据2"/>
</root>
trace(myData2.elements()) 怎么显示呢？嘿嘿，没错，就是啥都没有，为啥？这里说一下Flex的一个默认的情况，如果XML元素只有一个节点，那么Flex默认输出其节点内容而不是把节点整个显示出来，而结点内容为空，自然就啥都显示不出来了。下面的情况会有所不同：
myData3 = <root>
<boy name="数据2">这个节点有内容了</boy>
</root>
trace(myData3.elements()); 什么情况呢？没错，就是会显示 “这个节点有内容了”这行字。
是不是单行节点无法显示整个XMLList内容呢？当然不是，只要这样就可以了：
trace(myData2.elements().toXMLString());
5） 获取下级节点的个数 myData.elements().length()
这里这么写也没什么问题，不过事实上没这么简单。举个例子吧：
<root>
<people type="student">
<boy name="小刚"/>
<girl name="小花"/>
</people>
<people type="teacher" name="老师"/>
<class name="小5班"/>
</root>
好，如果要查看root下所有二级子节点的个数，myData.elements().length()没有问题，显示的值为3；
如果要获取root下所有后代的个数，就应该这样写 myData.descendants("*").length()，显示值为5；
注意啊，这个descendants("*")返回的也是XMLList，不过返回的值很有意思，没事儿可以测试下，这里只说length相关，就不啰嗦了。
6） 获取节点名字 myData.elements()[0].name() 不解释
获取节点内容 myData.elements()[0] 也可以用myData.elements()[0].text();
7) 获取父节点 节点名.parent() myData.element[0].childe[0].parent().@name 其实就是element[0]的name属性
8）取得属性值和属性名 myData.node[0].@name myData第一个节点的属性name的值等价于myData.node[0].attribute("name"),读取全部的值myData.node[0].atttibute("*")
9) 对XML按条件过滤 myData.elements()[0].(@name=="Tom"),注意如果myData下的子孙节点有的没有@name这个属性，将取不到任何信息。
10)添加节点组合生成XML
myData.appendChild(<node ……/>),这是在最后添加一个节点
myData.prependChild(<node....../>),这是在最前面田间一个节点
myData.insertChildAfter(myData.node[0],<node ..../>),这是在第一个节点后面添加
myData.insertChildBefore(myData.node[0],<node ..../>)，这是在第一个节点前面添加
myData.newElement=<node ....../>
myData.newElement=<node ......>内容</node>
myData.node[1] = "aaa" 有这个节点就修改节点的内容，没有的话就创建一个节点
节点名字可以由变量组成 var bl:int=2; myData["node"+bl] = "name";
写一个用数组构成XML的例子：
private function buildXML():Void
{
var ids:Array = [121,122,123];
var names:Array = [["a1","a2"],["b1","b2"],["c1","c2"]];
var arrData:XML = new XML("<root></root>");
for(var i:int=0; i<ids.length;i++)
{
var node:XML = new XML();
node = <employee id={ids[i]}>
<last>{names[i][0]}</last>
<first>{names[i][0]}</first>
</employee>
arrData.appendChild(node);
}
}
11) 添加、修改节点属性
myData.node[1].@name="aaa" 有name属性则属性值改为aaa，没有就创建一个name属性
也可以动态添加属性，比如说用循环
for(var i:int=0; i<3; i++)
{
myData.node[1].@["name"+i] = "tom";
}
12) 删除节点和属性
删除节点 delete myData.node[1]; 注意，这里可以删除多个节点
删除属性 delete myData.node[1].@name 注意，这里同样可以删除多个
删除所有属性，需要使用循环
var attri:XMLList = myData.node.@*;
4、读取外部XML/XMLList
1)使用XML标签 <mx:XML source="data/xml.xml" id="myData">
2)使用URLLoader，在Action中加载
import flash.net.URLLoader;
import flash.net.URLRequest;
private function loadXML():Void
{
var request:URLRequest = new URLRequest("data/xml.xml");
var loader:URLLoader = new URLLoader();
loader.addEventListener(Event.COMPLETE,completeHander);
loader.load(request);
}
private function completeHander(e:Event):Void
{
var myData2:XML = new XML(e.target.data);
}
如果在变异过程中出现错误提示“无法访问本地资源....”,需要设置编译参数：-use-netwrok = false
3)使用HTTPService，看代码：
import mx.rpc.events.ResultEvent;
private function initApp():Void
{
ser.send();
}
private function resultHandler(e:ResultEvent):woid
{
var myData3:XML = e.result asXML;
trace(myData3);
声明HTTPService标签
<mx:HTTPService id="ser" url="data/xml.xml" result="resultHandler(event)" resultFormat="e4x"/>
}
2448
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
