• Dragging and dropping items in a Flex Tree control


    The following example shows you how you can reorder nodes in a Flex Tree control by setting the dragEnabled, dropEnabled, and dragMoveEnabled properties
    <?xml version="1.0" encoding="utf-8"?>
    <!-- http://blog.flexexamples.com/2007/11/29/dragging-and-dropping-items-in-a-flex-tree-control/ -->
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
            layout
    ="vertical"
            verticalAlign
    ="middle"
            backgroundColor
    ="white">

        
    <mx:XML id="xmlDP">
            
    <root>
                
    <para label="Paragraph 1" isBranch="true">
                    
    <node label="Lorem ipsum dolor sit amet, consectetuer adipiscing elit." />
                    
    <node label="Cras porttitor nunc a pede." />
                    
    <node label="Nulla ac magna non risus accumsan egestas." />
                    
    <node label="Aenean pretium porta felis." />
                    
    <node label="Sed massa." />
                
    </para>
                
    <para label="Paragraph 2" isBranch="true">
                    
    <node label="Pellentesque pretium eros id odio tincidunt lobortis." />
                    
    <node label="Praesent vitae dolor eget nisl adipiscing pretium." />
                    
    <node label="Fusce nonummy dignissim risus." />
                    
    <node label="Nunc sodales, lectus vitae nonummy cursus, augue lectus auctor orci, vel aliquet enim neque vel eros." />
                    
    <node label="Donec laoreet euismod libero." />
                    
    <node label="Etiam ut lectus." />
                
    </para>
                
    <para label="Paragraph 3" isBranch="true">
                    
    <node label="Maecenas ut nibh eu diam viverra suscipit." />
                    
    <node label="Pellentesque auctor, turpis vel lobortis suscipit, neque tortor tristique nibh, venenatis suscipit nisl nisl eget magna." />
                    
    <node label="Donec interdum." />
                    
    <node label="Praesent diam." />
                
    </para>
                
    <para label="Paragraph 4" isBranch="true">
                    
    <node label="Proin nulla." />
                    
    <node label="Morbi tincidunt, sapien in sollicitudin venenatis, nibh tortor pretium ante, non pharetra urna dolor et libero." />
                    
    <node label="In malesuada risus at neque." />
                
    </para>
                
    <para label="Paragraph 5" isBranch="true" />
            
    </root>
        
    </mx:XML>

        
    <mx:Tree id="tree"
                dataProvider
    ="{xmlDP}"
                labelField
    ="@label"
                showRoot
    ="false"
                verticalScrollPolicy
    ="on"
                alternatingItemColors
    ="[#FFFFFF,#EEEEEE]"
                showScrollTips
    ="true"
                dragEnabled
    ="true"
                dropEnabled
    ="true"
                dragMoveEnabled
    ="true"
                width
    ="300"
                rowCount
    ="6" />

    </mx:Application>

  • 相关阅读:
    MAC下MAMP安装php扩展教程记录
    公司通知正式上班邀请函 3分钟生成微信通知h5邀请函
    H5是什么?H5是否等于HTML5???
    浏览器渲染机制
    小程序后台布局,B站的经典写法
    原创:子组件传递数据给父组件
    父组件传递数据给自定义子组件过程
    原创: 自定义tabs切换组件并使用(微信小程序中
    原创: SpringBoot中filter的使用详解及原理
    若依官方文档 集成jwt实现登录授权访问,返回SysUser对象更多信息给前端
  • 原文地址:https://www.cnblogs.com/taobataoma/p/1034817.html
Copyright © 2020-2023  润新知