zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    Oracle 11g SQL Fundamentals Training Introduction02
    Chapter 05Reporting Aggregated data Using the Group Functions 01
    Chapter 01Restriicting Data Using The SQL SELECT Statemnt01
    Oracle 11g SQL Fundamentals Training Introduction01
    Chapter 04Using Conversion Functions and Conditional ExpressionsConditional Expressions
    Unix时代的开创者Ken Thompson (zz.is2120.bg57iv3)
    我心目中计算机软件科学最小必读书目 (zz.is2120)
    北京将评估分时分区单双号限行 推进错时上下班 (zz)
    佳能G系列领军相机G1X
    选购单反相机的新建议——心民谈宾得K5(转)
  • 原文地址:https://www.cnblogs.com/taobataoma/p/1034817.html
Copyright © 2011-2022 走看看