天天看点

Using the itemDoubleClick event to open nodes in a Flex Tree control

    The following example shows how you can use the <code>itemDoubleClick</code> event to open the selected Tree node in Flex.

&lt;?xml version="1.0" encoding="utf-8"?&gt;

&lt;!-- http://blog.flexexamples.com/2007/11/29/using-the-itemdoubleclick-event-to-open-nodes-in-a-flex-tree-control/ --&gt;

&lt;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"

        layout="horizontal"

        verticalAlign="middle"

        backgroundColor="white"

        creationComplete="init();"&gt;

    &lt;mx:Script&gt;

        &lt;![CDATA[

            import mx.events.ListEvent;

            private function tree_itemDoubleClick(evt:ListEvent):void {

                var node:XML = tree.selectedItem as XML;

                var isOpen:Boolean = tree.isItemOpen(node);

                tree.expandItem(node, !isOpen);

            }

        ]]&gt;

    &lt;/mx:Script&gt;

    &lt;mx:XMLListCollection id="xmlListColl"&gt;

        &lt;mx:source&gt;

            &lt;mx:XMLList&gt;

                &lt;node label="One"&gt;

                    &lt;node label="One.1"&gt;

                        &lt;node label="One.1.1"&gt;

                            &lt;node label="One.1.1.1"&gt;

                                &lt;node label="One.1.1.1.1" /&gt;

                            &lt;/node&gt;

                        &lt;/node&gt;

                    &lt;/node&gt;

                    &lt;node label="One.2" /&gt;

                    &lt;node label="One.3" /&gt;

                &lt;/node&gt;

                &lt;node label="Two"&gt;

                    &lt;node label="Two.1" /&gt;

                    &lt;node label="Two.2" /&gt;

                    &lt;node label="Two.3" /&gt;

                &lt;node label="Three" /&gt;

            &lt;/mx:XMLList&gt;

        &lt;/mx:source&gt;

    &lt;/mx:XMLListCollection&gt;

    &lt;mx:ApplicationControlBar dock="true"&gt;

        &lt;mx:CheckBox id="checkBox"

                label="doubleClickEnabled:"

                labelPlacement="left"

                selected="true" /&gt;

    &lt;/mx:ApplicationControlBar&gt;

    &lt;mx:Tree id="tree"

            dataProvider="{xmlListColl}"

            labelField="@label"

            width="250"

            rowCount="6"

            doubleClickEnabled="{checkBox.selected}"

            itemDoubleClick="tree_itemDoubleClick(event);"

            showScrollTips="true" /&gt;

&lt;/mx:Application&gt;

    本文转自 OldHawk  博客园博客,原文链接:http://www.cnblogs.com/taobataoma/archive/2008/01/10/1033994.html,如需转载请自行联系原作者