在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>
<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>
这样的代码,获取的干净利落,让人叹服!