<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Flex Examples &#187; dragMoveEnabled</title>
	<atom:link href="http://blog.flexexamples.com/tag/dragmoveenabled/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.flexexamples.com</link>
	<description>Just a bunch of Adobe Flex Examples</description>
	<lastBuildDate>Wed, 26 Jan 2011 18:09:51 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Dragging and dropping items in a Flex Tree control</title>
		<link>http://blog.flexexamples.com/2007/11/29/dragging-and-dropping-items-in-a-flex-tree-control/</link>
		<comments>http://blog.flexexamples.com/2007/11/29/dragging-and-dropping-items-in-a-flex-tree-control/#comments</comments>
		<pubDate>Fri, 30 Nov 2007 07:29:57 +0000</pubDate>
		<dc:creator>Peter deHaan</dc:creator>
				<category><![CDATA[Tree]]></category>
		<category><![CDATA[dragEnabled]]></category>
		<category><![CDATA[dragMoveEnabled]]></category>
		<category><![CDATA[dropEnabled]]></category>
		<category><![CDATA[isBranch]]></category>

		<guid isPermaLink="false">http://blog.flexexamples.com/2007/11/29/dragging-and-dropping-items-in-a-flex-tree-control/</guid>
		<description><![CDATA[<p>The following example shows you how you can reorder nodes in a Flex Tree control by setting the dragEnabled, dropEnabled, and dragMoveEnabled properties.</p> <p>Full code after the jump.</p> <p></p> <p class="download"><a href="http://blog.flexexamples.com/wp-content/uploads/Tree_dragEnabled_test/main.mxml">View MXML</a></p> &#60;?xml version="1.0" encoding="utf-8"?&#62; &#60;!-- http://blog.flexexamples.com/2007/11/29/dragging-and-dropping-items-in-a-flex-tree-control/ --&#62; &#60;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white"&#62; &#60;mx:XML id="xmlDP"&#62; &#60;root&#62; &#60;para label="Paragraph 1" isBranch="true"&#62; &#60;node label="Lorem ipsum dolor [...]]]></description>
			<content:encoded><![CDATA[<p>The following example shows you how you can reorder nodes in a Flex Tree control by setting the <code>dragEnabled</code>, <code>dropEnabled</code>, and <code>dragMoveEnabled</code> properties.</p>
<p>Full code after the jump.</p>
<p><span id="more-344"></span></p>
<p class="download"><a href="http://blog.flexexamples.com/wp-content/uploads/Tree_dragEnabled_test/main.mxml">View MXML</a></p>
<pre class="code">
&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;!-- http://blog.flexexamples.com/2007/11/29/dragging-and-dropping-items-in-a-flex-tree-control/ --&gt;
&lt;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white"&gt;

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

    &lt;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" /&gt;

&lt;/mx:Application&gt;
</pre>
<p class="information"><a href="http://blog.flexexamples.com/wp-content/uploads/Tree_dragEnabled_test/bin/srcview/index.html">View source</a> is enabled in the following example.</p>
<p><iframe src="http://blog.flexexamples.com/wp-content/uploads/Tree_dragEnabled_test/bin/main.html" width="100%" height="200"></iframe></p>
<div class="evernoteSiteMemory"><a href="javascript:" onclick="Evernote.doClip({title: 'Dragging and dropping items in a Flex Tree control on FlexExamples.com',url: 'http://blog.flexexamples.com/2007/11/29/dragging-and-dropping-items-in-a-flex-tree-control/',contentID: 'post-344',code: 'Pete9667',suggestNotebook: 'FlexExamples',suggestTags: 'dragEnabled,dragMoveEnabled,dropEnabled,isBranch',providerName: 'FlexExamples.com',styling: 'text' });return false" class="evernoteSiteMemoryLink"><img src="http://static.evernote.com/article-clipper-remember.png" class="evernoteSiteMemoryButton" />
				</a>				<div class="evernoteSiteMemoryClear">&nbsp;</div>
</div>]]></content:encoded>
			<wfw:commentRss>http://blog.flexexamples.com/2007/11/29/dragging-and-dropping-items-in-a-flex-tree-control/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Dragging rows between two different Flex DataGrid controls</title>
		<link>http://blog.flexexamples.com/2007/09/19/dragging-rows-between-two-different-flex-datagrid-controls/</link>
		<comments>http://blog.flexexamples.com/2007/09/19/dragging-rows-between-two-different-flex-datagrid-controls/#comments</comments>
		<pubDate>Wed, 19 Sep 2007 15:29:27 +0000</pubDate>
		<dc:creator>Peter deHaan</dc:creator>
				<category><![CDATA[DataGrid]]></category>
		<category><![CDATA[dragEnabled]]></category>
		<category><![CDATA[dragMoveEnabled]]></category>
		<category><![CDATA[dropEnabled]]></category>

		<guid isPermaLink="false">http://blog.flexexamples.com/2007/09/19/dragging-rows-between-two-different-flex-datagrid-controls/</guid>
		<description><![CDATA[<p>The following example shows how you can use the dragEnabled, dropEnabled, and dragMoveEnabled properties with the Flex DataGrid control to copy and move rows between different data grids.</p> <p>Full code after the jump.</p> <p></p> <p class="download"><a href="http://blog.flexexamples.com/wp-content/uploads/DataGrid_dragEnabled_test/main.mxml">View MXML</a></p> &#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62; &#60;!-- http://blog.flexexamples.com/2007/09/19/dragging-rows-between-two-different-flex-datagrid-controls/ --&#62; &#60;mx:Application xmlns:mx=&#34;http://www.adobe.com/2006/mxml&#34; layout=&#34;horizontal&#34; verticalAlign=&#34;middle&#34; backgroundColor=&#34;white&#34;&#62; &#60;mx:Array id=&#34;arr&#34;&#62; &#60;mx:Object colA=&#34;Item A.0&#34; colB=&#34;Item [...]]]></description>
			<content:encoded><![CDATA[<p>The following example shows how you can use the <code>dragEnabled</code>, <code>dropEnabled</code>, and <code>dragMoveEnabled</code> properties with the Flex DataGrid control to copy and move rows between different data grids.</p>
<p>Full code after the jump.</p>
<p><span id="more-173"></span></p>
<p class="download"><a href="http://blog.flexexamples.com/wp-content/uploads/DataGrid_dragEnabled_test/main.mxml">View MXML</a></p>
<pre class="code">
&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
&lt;!-- http://blog.flexexamples.com/2007/09/19/dragging-rows-between-two-different-flex-datagrid-controls/ --&gt;
&lt;mx:Application xmlns:mx=&quot;http://www.adobe.com/2006/mxml&quot;
        layout=&quot;horizontal&quot;
        verticalAlign=&quot;middle&quot;
        backgroundColor=&quot;white&quot;&gt;

    &lt;mx:Array id=&quot;arr&quot;&gt;
        &lt;mx:Object colA=&quot;Item A.0&quot; colB=&quot;Item B.0&quot; colC=&quot;Item C.0&quot; /&gt;
        &lt;mx:Object colA=&quot;Item A.1&quot; colB=&quot;Item B.1&quot; colC=&quot;Item C.1&quot; /&gt;
        &lt;mx:Object colA=&quot;Item A.2&quot; colB=&quot;Item B.2&quot; colC=&quot;Item C.2&quot; /&gt;
        &lt;mx:Object colA=&quot;Item A.3&quot; colB=&quot;Item B.3&quot; colC=&quot;Item C.3&quot; /&gt;
        &lt;mx:Object colA=&quot;Item A.4&quot; colB=&quot;Item B.4&quot; colC=&quot;Item C.4&quot; /&gt;
        &lt;mx:Object colA=&quot;Item A.5&quot; colB=&quot;Item B.5&quot; colC=&quot;Item C.5&quot; /&gt;
        &lt;mx:Object colA=&quot;Item A.6&quot; colB=&quot;Item B.6&quot; colC=&quot;Item C.6&quot; /&gt;
        &lt;mx:Object colA=&quot;Item A.7&quot; colB=&quot;Item B.7&quot; colC=&quot;Item C.7&quot; /&gt;
        &lt;mx:Object colA=&quot;Item A.8&quot; colB=&quot;Item B.8&quot; colC=&quot;Item C.8&quot; /&gt;
        &lt;mx:Object colA=&quot;Item A.9&quot; colB=&quot;Item B.9&quot; colC=&quot;Item C.9&quot; /&gt;
    &lt;/mx:Array&gt;

    &lt;mx:ApplicationControlBar dock=&quot;true&quot;&gt;
        &lt;mx:Form&gt;
            &lt;mx:FormItem label=&quot;DataGrid #1:&quot;
                    direction=&quot;horizontal&quot;&gt;
                &lt;mx:CheckBox id=&quot;dg1_dragEnabled&quot;
                        label=&quot;dragEnabled&quot; /&gt;
                &lt;mx:CheckBox id=&quot;dg1_dropEnabled&quot;
                        label=&quot;dropEnabled&quot; /&gt;
                &lt;mx:CheckBox id=&quot;dg1_dragMoveEnabled&quot;
                        label=&quot;dragMoveEnabled&quot; /&gt;
            &lt;/mx:FormItem&gt;
            &lt;mx:FormItem label=&quot;DataGrid #2:&quot;
                    direction=&quot;horizontal&quot;&gt;
                &lt;mx:CheckBox id=&quot;dg2_dragEnabled&quot;
                        label=&quot;dragEnabled&quot; /&gt;
                &lt;mx:CheckBox id=&quot;dg2_dropEnabled&quot;
                        label=&quot;dropEnabled&quot; /&gt;
                &lt;mx:CheckBox id=&quot;dg2_dragMoveEnabled&quot;
                        label=&quot;dragMoveEnabled&quot; /&gt;
            &lt;/mx:FormItem&gt;
        &lt;/mx:Form&gt;
    &lt;/mx:ApplicationControlBar&gt;

    &lt;mx:VBox width=&quot;50%&quot;&gt;
        &lt;mx:Label text=&quot;DataGrid #1&quot; /&gt;
        &lt;mx:DataGrid id=&quot;dataGrid1&quot;
                width=&quot;100%&quot;
                rowHeight=&quot;22&quot;
                dataProvider=&quot;{arr}&quot;
                dragEnabled=&quot;{dg1_dragEnabled.selected}&quot;
                dragMoveEnabled=&quot;{dg1_dragMoveEnabled.selected}&quot;
                dropEnabled=&quot;{dg1_dropEnabled.selected}&quot;
                verticalScrollPolicy=&quot;on&quot;&gt;
            &lt;mx:columns&gt;
                &lt;mx:DataGridColumn dataField=&quot;colA&quot;
                        headerText=&quot;Column A&quot; /&gt;
                &lt;mx:DataGridColumn dataField=&quot;colB&quot;
                        headerText=&quot;Column B&quot; /&gt;
                &lt;mx:DataGridColumn dataField=&quot;colC&quot;
                        headerText=&quot;Column C&quot; /&gt;
            &lt;/mx:columns&gt;
        &lt;/mx:DataGrid&gt;
        &lt;mx:Label text=&quot;{dataGrid1.dataProvider.length} items&quot; /&gt;
    &lt;/mx:VBox&gt;

    &lt;mx:VBox width=&quot;50%&quot;&gt;
        &lt;mx:Label text=&quot;DataGrid #2&quot; /&gt;
        &lt;mx:DataGrid id=&quot;dataGrid2&quot;
                width=&quot;100%&quot;
                rowHeight=&quot;22&quot;
                dataProvider=&quot;[]&quot;
                dragEnabled=&quot;{dg2_dragEnabled.selected}&quot;
                dragMoveEnabled=&quot;{dg2_dragMoveEnabled.selected}&quot;
                dropEnabled=&quot;{dg2_dropEnabled.selected}&quot;
                verticalScrollPolicy=&quot;on&quot;&gt;
            &lt;mx:columns&gt;
                &lt;mx:DataGridColumn dataField=&quot;colA&quot;
                        headerText=&quot;Column A&quot; /&gt;
                &lt;mx:DataGridColumn dataField=&quot;colB&quot;
                        headerText=&quot;Column B&quot; /&gt;
                &lt;mx:DataGridColumn dataField=&quot;colC&quot;
                        headerText=&quot;Column C&quot; /&gt;
            &lt;/mx:columns&gt;
        &lt;/mx:DataGrid&gt;
        &lt;mx:Label text=&quot;{dataGrid2.dataProvider.length} items&quot; /&gt;
    &lt;/mx:VBox&gt;

&lt;/mx:Application&gt;
</pre>
<p class="information"><a href="http://blog.flexexamples.com/wp-content/uploads/DataGrid_dragEnabled_test/bin/srcview/index.html">View source</a> is enabled in the following example.</p>
<p><iframe src="http://blog.flexexamples.com/wp-content/uploads/DataGrid_dragEnabled_test/bin/main.html" width="100%" height="350"></iframe></p>
<div class="evernoteSiteMemory"><a href="javascript:" onclick="Evernote.doClip({title: 'Dragging rows between two different Flex DataGrid controls on FlexExamples.com',url: 'http://blog.flexexamples.com/2007/09/19/dragging-rows-between-two-different-flex-datagrid-controls/',contentID: 'post-173',code: 'Pete9667',suggestNotebook: 'FlexExamples',suggestTags: 'dragEnabled,dragMoveEnabled,dropEnabled',providerName: 'FlexExamples.com',styling: 'text' });return false" class="evernoteSiteMemoryLink"><img src="http://static.evernote.com/article-clipper-remember.png" class="evernoteSiteMemoryButton" />
				</a>				<div class="evernoteSiteMemoryClear">&nbsp;</div>
</div>]]></content:encoded>
			<wfw:commentRss>http://blog.flexexamples.com/2007/09/19/dragging-rows-between-two-different-flex-datagrid-controls/feed/</wfw:commentRss>
		<slash:comments>42</slash:comments>
		</item>
	</channel>
</rss>

