[img]http://hiphotos.baidu.com/flute0316/pic/item/103de71683314e0f972b43ec.jpg[/img]
主要实现了以XML为数据源将其绑定Tree控件上, 添加, 修改结点. 根据属性设置结点的图标. 设置Tree控件的水平滚动条等.
其实也挺简单的, 只是我这几天在学习Flex过程中, 感觉好资料比较少. 一个<<Flex_QuickStart.pdf>很好, 但是很快就看完了, 对Flex有了一个基本的了解, 但是离我们的技术需求还太远.
主要实现了以XML为数据源将其绑定Tree控件上, 添加, 修改结点. 根据属性设置结点的图标. 设置Tree控件的水平滚动条等.
其实也挺简单的, 只是我这几天在学习Flex过程中, 感觉好资料比较少. 一个<<Flex_QuickStart.pdf>很好, 但是很快就看完了, 对Flex有了一个基本的了解, 但是离我们的技术需求还太远.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
// 图标的相对地址 // 注意: 文件夹之间一定要用"/"分隔,而不能用"\"分隔!
[Embed(source="flexQQIcon/boy.gif")]
[Bindable]
public var boyIcon:Class;
[Embed(source="flexQQIcon/girl.gif")]
[Bindable]
public var girlIcon:Class;
// 根据结点的属性设置节点图标
private function SetIcon(item:Object):*
{
var xml:XML = item as XML;
if(xml.attribute("sex")=="男")
{
return boyIcon;
}
else
{
return girlIcon;
}
}
// Tree控件的数据源
[Bindable]
public var jpXml:XML=
<member jpname="祖先" sex="男">
<member jpname="胡迪" sex="男">
</member>
<member jpname="胡俊" sex="男">
</member>
<member jpname="胡三" sex="女">
</member>
</member>
public function AddMember():void
{
var newMember:XML =
<member jpname="胡易衡" sex="男">
</member>
在根结点的第一个子结点前面加一个子第一个子结点
//jpXml.appendChild(newMember);
在根结点的最后一个子结点前面加一个子第一个子结点
//jpXml.prependChild(newMember);
// 给结点添加一个子结点 // 添加子女
jpXml.member.(@jpname=="胡俊").appendChild(newMember);
// 给结点添加一个兄弟结点 // 先找到该结点父结点,然后添加给该父结点添加子结点
//jpXml.member.(@jpname=="胡俊").parent().appendChild(newMember);
// 修改结点的值
//jpXml.member.(@jpname=="胡俊").@jpname="姓名修改";
txrXml.text= jpXml.member.(@jpname=="胡俊").@jpname; // 用于测试
}
]]>
</mx:Script>
<mx:Tree x="27" y="81" width="107" height="300" id="treeXml"
dataProvider="{jpXml}" labelField="@jpname" showDataTips="true"
iconFunction="SetIcon" horizontalScrollPolicy="on"></mx:Tree>
<mx:Button x="65" y="40" label="Button" id="btnXml" click="AddMember()" />
<mx:TextArea x="151" y="83" width="258" height="237" id="txrXml"/>
</mx:Application>