zoukankan      html  css  js  c++  java
  • Using the itemDoubleClick event to open nodes in a Flex Tree control

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

    <?xml version="1.0" encoding="utf-8"?>
    <!-- http://blog.flexexamples.com/2007/11/29/using-the-itemdoubleclick-event-to-open-nodes-in-a-flex-tree-control/ -->
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
            layout
    ="horizontal"
            verticalAlign
    ="middle"
            backgroundColor
    ="white"
            creationComplete
    ="init();">

        
    <mx:Script>
            
    <![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);
                }
            
    ]]>
        
    </mx:Script>

        
    <mx:XMLListCollection id="xmlListColl">
            
    <mx:source>
                
    <mx:XMLList>
                    
    <node label="One">
                        
    <node label="One.1">
                            
    <node label="One.1.1">
                                
    <node label="One.1.1.1">
                                    
    <node label="One.1.1.1.1" />
                                
    </node>
                            
    </node>
                        
    </node>
                        
    <node label="One.2" />
                        
    <node label="One.3" />
                    
    </node>
                    
    <node label="Two">
                        
    <node label="Two.1" />
                        
    <node label="Two.2" />
                        
    <node label="Two.3" />
                    
    </node>
                    
    <node label="Three" />
                
    </mx:XMLList>
            
    </mx:source>
        
    </mx:XMLListCollection>

        
    <mx:ApplicationControlBar dock="true">
            
    <mx:CheckBox id="checkBox"
                    label
    ="doubleClickEnabled:"
                    labelPlacement
    ="left"
                    selected
    ="true" />
        
    </mx:ApplicationControlBar>

        
    <mx:Tree id="tree"
                dataProvider
    ="{xmlListColl}"
                labelField
    ="@label"
                width
    ="250"
                rowCount
    ="6"
                doubleClickEnabled
    ="{checkBox.selected}"
                itemDoubleClick
    ="tree_itemDoubleClick(event);"
                showScrollTips
    ="true" />

    </mx:Application>

  • 相关阅读:
    js禁止鼠标右键功能
    js判断客户端是pc还是手机及获取浏览器版本
    js实现深拷贝的一些方法
    python使用requests请求的数据乱码
    PyCharm引入python需要使用的包
    几个常见用于解决nginx负载均衡的session共享问题的办法
    面试最让你手足无措的一个问题:你的系统如何支撑高并发?
    Linux/Windows 平台最容易安装 Composer教程
    Laravel一些常用命令整理
    nginx下重写隐藏index.php文件
  • 原文地址:https://www.cnblogs.com/taobataoma/p/1033994.html
Copyright © 2011-2022 走看看