Relax Breath of Solution.

Changing live dragging on a TileList control in Flex

The following example shows how you can enable or disable live dragging on a Flex TileList control by setting the liveDragging property. Full code after the jump.

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
	layout="vertical"
	verticalAlign="middle"
	backgroundColor="white">

<mx:ArrayCollection id="arrColl">
	<mx:source>
		<mx:Array>
			<mx:Object label="ColdFusion" icon="@Embed('assets/cf_appicon-tn.gif')" />
			<mx:Object label="Dreamweaver" icon="@Embed('assets/dw_appicon-tn.gif')" />
			<mx:Object label="Fireworks" icon="@Embed('assets/fw_appicon-tn.gif')" />
			<mx:Object label="Flash" icon="@Embed('assets/fl_appicon-tn.gif')" />
			<mx:Object label="Flash Player" icon="@Embed('assets/fl_player_appicon-tn.gif')" />
			<mx:Object label="Flex" icon="@Embed('assets/fx_appicon-tn.gif')" />
			<mx:Object label="Illustrator" icon="@Embed('assets/ai_appicon-tn.gif')" />
			<mx:Object label="Lightroom" icon="@Embed('assets/lr_appicon-tn.gif')" />
			<mx:Object label="Photoshop" icon="@Embed('assets/ps_appicon-tn.gif')" />
			<mx:Object label="ColdFusion" icon="@Embed('assets/cf_appicon-tn.gif')" />
			<mx:Object label="Dreamweaver" icon="@Embed('assets/dw_appicon-tn.gif')" />
			<mx:Object label="Fireworks" icon="@Embed('assets/fw_appicon-tn.gif')" />
			<mx:Object label="Flash" icon="@Embed('assets/fl_appicon-tn.gif')" />
			<mx:Object label="Flash Player" icon="@Embed('assets/fl_player_appicon-tn.gif')" />
			<mx:Object label="Flex" icon="@Embed('assets/fx_appicon-tn.gif')" />
			<mx:Object label="Illustrator" icon="@Embed('assets/ai_appicon-tn.gif')" />
			<mx:Object label="Lightroom" icon="@Embed('assets/lr_appicon-tn.gif')" />
			<mx:Object label="Photoshop" icon="@Embed('assets/ps_appicon-tn.gif')" />
		</mx:Array>
	</mx:source>
</mx:ArrayCollection>

<mx:ApplicationControlBar dock="true">
	<mx:Form styleName="plain">
		<mx:FormItem label="liveScrolling:">
			<mx:CheckBox id="checkBox"
				creationComplete="checkBox.selected = tileList.liveScrolling;" />
		</mx:FormItem>
	</mx:Form>
</mx:ApplicationControlBar>

<mx:TileList id="tileList"
	dataProvider="{arrColl}"
	alternatingItemColors="[#FFFFFF,#EEEEEE]"
	columnCount="3"
	columnWidth="100"
	rowCount="2"
	rowHeight="100"
	direction="horizontal"
	verticalScrollPolicy="on"
	liveScrolling="{checkBox.selected}" />

</mx:Application>