主要实现了以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>
分享到:
相关推荐
里面收集了一些Flex的tree控件的用法和实例的源代码
去掉flex tree控件默认的图标并加上线连接。
tree多数情况下操作xml比较方便,而本人却对xml有些排斥,说得更确切些,对xml用的不是那么得心应手,所以选择了ArrayCollection
在原来flex的Tree组件上添加复选框CheckBox
flex中经常需要xml格式的文件。通过后台asp.net的处理可以将数据库中读取的文件转化为xml格式。这是再传递给前端的flex中的tree控件作为数据源。
flex中tree和checkbox结合使用的插件,该压缩包包含两个文档,一个是tree和checkbox结合使用的插件,另一个是使用示例
flex带复选框的tree,包含源代码,需要用到的朋友请下载
flex 中tree渲染checkbox,支持复选多选。
felx和springHibernate整合传递二进制数据到表中并在flex的dataGrid控件中显示的实践
flex8表格控件,可以方便的实现表格的数据处理,并且里面附带了全面的例子,解决很多程序员的表格问题
FLEX控件
flex中利用tree中的子节点与自定义组件实现的在同一页面中实现导航
flex tree 教程二
flex3.5时间控件(含时分秒),亲测能用!
本资源中包括Tree的文件和Tree的渲染文件(Checkbox),实现功能为点击树不获取值(也可以获取,改变一个变量即可),只有勾选Checkbox才能得到。并添加到集合中
FLEX 开发学习不可缺少的工具,下载后解压运行TourDeFlex.EXE 就可以看到FLEX3,FLEX4所有的控件基本用法,是FLEX学习开发最好最方便的工具.一共三个压缩包请注意下载完整
flex视频播放控件
flex控件事件flex控件事件flex控件事件flex控件事件
flex 修改 tree的icon,根据数据源root 中不同的参数修改不同的图片。
flex tree 复选框,以及父目录的三种状态。(全部选中,部分选中,没有选中)