在flex中Tree组件的使用。使用XML作为Tree组件的数据源。
更换Tree组件默认、打开、关闭、有子项等几个状态下的ico图标。
Tree
{
verticalScrollBarStyleName: treeVerticalScrollBar;
selectionColor: #417597;
/*为默认、打开、关闭、有子项等几个状态添加不同的ico*/
defaultLeafIcon: Embed(source="longstep/icon/sharp_grey/gif/base.gif");
folderOpenIcon: Embed(source="longstep/icon/sharp_grey/gif/vote_yes.gif");
folderClosedIcon: Embed(source="longstep/icon/sharp_grey/gif/options.gif");
disclosureOpenIcon: Embed(source="longstep/icon/sharp_grey/gif/pause.gif");
}
.treeVerticalScrollBar
{
borderColor: #f00;
}
//绑定数据,定义xml类型变量用于存放选中节点
[Bindable]
public var selectedNode:XML;
//当tree发生change事件时的事件
public function treeChanged(event:Event):void {
//将选中的节点转换成xml,赋予selectedNode,as为转换类型
selectedNode=Tree(event.target).selectedItem as XML;
}
//tree有3个事件使用较多,change、itemClick、itemOpen、itemClose
//change:选中列改变时被触发
//itemClick:点击某一列时触发
//itemOpen:节点展开时触发
//itemClose:节点关闭时触发
]]>
paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
text="Select a node in the Tree control."/>
showRoot="false" dataProvider="{treeData}" change="treeChanged(event)"/>
text="Selected Item: {selectedNode.@label}"/>
复制代码 代码如下:
Tree
{
verticalScrollBarStyleName: treeVerticalScrollBar;
selectionColor: #417597;
/*为默认、打开、关闭、有子项等几个状态添加不同的ico*/
defaultLeafIcon: Embed(source="longstep/icon/sharp_grey/gif/base.gif");
folderOpenIcon: Embed(source="longstep/icon/sharp_grey/gif/vote_yes.gif");
folderClosedIcon: Embed(source="longstep/icon/sharp_grey/gif/options.gif");
disclosureOpenIcon: Embed(source="longstep/icon/sharp_grey/gif/pause.gif");
}
.treeVerticalScrollBar
{
borderColor: #f00;
}
//绑定数据,定义xml类型变量用于存放选中节点
[Bindable]
public var selectedNode:XML;
//当tree发生change事件时的事件
public function treeChanged(event:Event):void {
//将选中的节点转换成xml,赋予selectedNode,as为转换类型
selectedNode=Tree(event.target).selectedItem as XML;
}
//tree有3个事件使用较多,change、itemClick、itemOpen、itemClose
//change:选中列改变时被触发
//itemClick:点击某一列时触发
//itemOpen:节点展开时触发
//itemClose:节点关闭时触发
]]>
以上就是Flex tree组件数据源、图标等修改的详细内容,更多请关注0133技术站其它相关文章!