获取Flex 的Tree控件的中,Itemrollover事件中的item的信息

在Tree控件的使用中经常,会有这么一种显示方式,即,当鼠标移动到Tree的某个节点时,要显示这个节点中的信息,用户只有看到了信息才会去点击查看该节点。

这种方式可以尽量减少用户无意义的随意点击、查找Tree的每个节点的时间。

在JavaScript中,像Ext、Jquery等框架中,对于Tree的考虑已经十分到位了,这里也比较容易实现。

但是在Flex中,这样的显示方式,确实让我们这些对flex应用不算很熟悉的程序员而言,则是十分头大的,但是在看到老外写出的程序代码后,才知道自己对于tree的这种数据结构的理解,太过肤浅,对于Tree,不仅仅是知道怎么遍历就行的。

或许,对于以前用C实现链表,进而实现Tree的方式,是对于Tree构造的一个很好的理解,现在的Java代码的程序员,实现的过于简单,进而对其构造反而不甚了解了,当然这只是个人感叹而已。以下就是老外的实现方式:

flex里的代码:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:XMLList id="mydata" xmlns="">
<item value="1">
<item value="1.1" />
<item value="1.2" />
</item>
<item value="2" />
<item value="3" />
</mx:XMLList>

<mx:Script>
<![CDATA[
import mx.controls.listClasses.IListItemRenderer;
import mx.events.ListEvent;

private function itemRollOverHandler(e:ListEvent):void
{
var renderer:IListItemRenderer =
contentTree.indexToItemRenderer(e.rowIndex);

trace('item rollover: ' + renderer.data.@value);
}
]]>
</mx:Script>

<mx:Tree
id="contentTree"
dataProvider="{mydata}"
showRoot="false"
itemRollOver="itemRollOverHandler( event )"
labelField="@value"
width="50%"
height="50%" />
</mx:Application>

这样的代码,获取的干净利落,让人叹服!

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值