package com.flexets.components.dataGridClasses
{
	import mx.controls.dataGridClasses.DataGridColumn;
	import mx.utils.ObjectUtil;
 
	public class NumericDataGridColumn extends DataGridColumn
	{
		public static const NUMERIC:String = "N";
		public function NumericDataGridColumn(columnName:String=null)
		{
			super(columnName);
			initCompare(NUMERIC);
		}
 
		function initCompare(numeric:Object):void
		{
			if (numeric == NUMERIC) {
				sortCompareFunction = numericCompare;
			}
		}
 
		/**
		* Pull the numbers from the objects and call the implementation. TAKEN FROM mx.collections.SortField
		*/
		private function numericCompare(a:Object, b:Object):int
		{
			var fa:Number;
			try
			{
				fa = dataField == null ? Number(a) : Number(a[dataField]);
			}
			catch(error:Error)
			{
			}
 
			var fb:Number;
			try
			{
				fb = dataField == null ? Number(b) : Number(b[dataField]);
			}
			catch(error:Error)
			{
			}
 
			return ObjectUtil.numericCompare(fa, fb);
		}
	}
}

<mx:DataGrid id="myDG" width="100%" height="100%" dataProvider="{myDataProvider}">
    <mx:columns>
	<mx:DataGridColumn dataField="id"/>
	<dataGridClasses:NumericDataGridColumn dataField="order"/>
	<mx:DataGridColumn dataField="title"/>
	<dataGridClasses:NumericDataGridColumn dataField="price"/>
    </mx:columns>
</mx:DataGrid>

<meta name="robots" content="noindex, nofollow">

var truncationOptions:TruncationOptions = new TruncationOptions('...',3);
factory.truncationOptions = truncationOptions;

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" applicationComplete="fit()"
	backgroundColor="0x333333" color="0xffffff">
 
	<mx:Style source="styles/fonts.css"/>
 
	<mx:RadioButtonGroup id="radioGroup" />
 
	<mx:VBox width="100%" height="100%">
		<mx:HBox>
			<mx:RadioButton id="radioButton1" label="Don't truncate" value="false" group="{radioGroup}"	selected="true" />
			<mx:RadioButton id="radioButton2" label="Truncate" value="true" group="{radioGroup}" />
		</mx:HBox>
		<mx:HBox width="100%">
			<mx:Label text="Text:"/>
			<mx:TextInput id="txtInput" color="0x000000" width="100%" change="fit()" text="Text Layout Engine: Fit Text into Rectangle"/>
		</mx:HBox>
		<mx:HBox>
			<mx:Label text="Font Size:"/>
			<mx:HSlider id="fsSlider" liveDragging="true" minimum="6" maximum="50" snapInterval="1" value="14"
				change="fit()"/>
		</mx:HBox>
		<mx:HBox>
			<mx:Label text="Text Width:"/>
			<mx:HSlider id="wSlider" liveDragging="true" minimum="0" maximum="500" snapInterval="1" value="100"
				change="fit()"/>
		</mx:HBox>
		<mx:HBox>
			<mx:Label text="Text Height:"/>
			<mx:HSlider id="hSlider" liveDragging="true" minimum="0" maximum="500" snapInterval="1" value="100"
				change="fit()"/>
		</mx:HBox>
		<mx:HBox>
			<mx:Label text="Fit font to do not truncate text:"/>
			<mx:CheckBox id="chbTruncate" selected="false" change="fit()"/>
		</mx:HBox>
		<mx:HBox>
			<mx:Label text="isTruncated?"/>
			<mx:Canvas width="20" height="20" backgroundColor="0xff0000" 
				visible="{!isTruncated}" includeInLayout="{!isTruncated}"/>
			<mx:Canvas width="20" height="20" backgroundColor="0x00aa00" 
				visible="{isTruncated}" includeInLayout="{isTruncated}"/>
		</mx:HBox>
		<mx:UIComponent id="ui" width="100%" height="100%">
 
		</mx:UIComponent>
	</mx:VBox>
 
	<mx:Script>
		<![CDATA[
			import assets.TLEAssets;
			import flashx.textLayout.factory.TruncationOptions;
			import flash.text.engine.Kerning;
			import flash.text.engine.FontLookup;
			import flash.text.engine.RenderingMode;
			import flashx.textLayout.formats.TextLayoutFormat;
			import flashx.textLayout.factory.StringTextLineFactory;
 
			private var sprite:Sprite;
 
			[Bindable] public var isTruncated:Boolean;
 
			public function fit(fs:int = -1, cnt:int = -1):void
	        {
	        	if (sprite == null)
	        	{
	        		sprite = new Sprite();
	        		ui.addChild(sprite);
	        	}
	        	while (sprite.numChildren > 0)
	        	{
	        		sprite.removeChildAt(0);
	        	}
	            var factory:StringTextLineFactory = new StringTextLineFactory();
 
	            factory.compositionBounds = new Rectangle( 10, 10, wSlider.value, hSlider.value );
 
	           	if (fs == -1)
	           		fs = fsSlider.value;
 
	            var format:TextLayoutFormat = new TextLayoutFormat();
	            format.fontFamily = "Verdana, _sans";
	            format.fontSize = fs;
	            format.color = 0x000000;
	            format.textAlpha = .9;
	            format.kerning = Kerning.ON;
	            format.renderingMode = RenderingMode.CFF;
				format.fontLookup = FontLookup.EMBEDDED_CFF;
	            factory.spanFormat = format;
 
				if (radioGroup.selectedValue == true)
				{
					var truncationOptions:TruncationOptions = new TruncationOptions('...',3);
					factory.truncationOptions = truncationOptions;
				}				
 
	            factory.text = txtInput.text;
	            factory.createTextLines( useTextLines );
 
	            isTruncated = factory.isTruncated;
 
	            if (chbTruncate.selected && isTruncated && fs > 10 && cnt < 50)
	            {
	            	fs--;
	            	cnt++;
	            	fit(fs, cnt);
	            }
 
	            sprite.graphics.clear();
	            sprite.graphics.beginFill(0x555555,.5);
	            sprite.graphics.drawRect( 10,10, wSlider.value, hSlider.value );
	            sprite.graphics.endFill();
	        }
 
	        private function useTextLines( line:DisplayObject ):void
	        {
	            var displayObject:DisplayObject = sprite.addChild( line );
	        }
 
		]]>
	</mx:Script>
</mx:Application>

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" applicationComplete="fit()">
 
	<mx:Style source="styles/fonts.css"/>
 
	<mx:VBox width="100%" height="100%">
		<mx:HBox width="100%">
			<mx:Label text="Text:"/>
			<mx:TextInput id="txtInput" width="100%" change="fit()" text="Text Layout Engine: Fit Text into Rectangle"/>
		</mx:HBox>
		<mx:HBox>
			<mx:Label text="Font Size:"/>
			<mx:HSlider id="fsSlider" liveDragging="true" minimum="6" maximum="50" snapInterval="1" value="14"
				change="fit()"/>
		</mx:HBox>
		<mx:HBox>
			<mx:Label text="Text Width:"/>
			<mx:HSlider id="wSlider" liveDragging="true" minimum="0" maximum="500" snapInterval="1" value="100"
				change="fit()"/>
		</mx:HBox>
		<mx:HBox>
			<mx:Label text="Text Height:"/>
			<mx:HSlider id="hSlider" liveDragging="true" minimum="0" maximum="500" snapInterval="1" value="100"
				change="fit()"/>
		</mx:HBox>
		<mx:HBox>
			<mx:Label text="isTruncated?"/>
			<mx:Canvas width="20" height="20" backgroundColor="0xff0000" 
				visible="{!isTruncated}" includeInLayout="{!isTruncated}"/>
			<mx:Canvas width="20" height="20" backgroundColor="0x00aa00" 
				visible="{isTruncated}" includeInLayout="{isTruncated}"/>
		</mx:HBox>
		<mx:UIComponent id="ui" width="100%" height="100%">
 
		</mx:UIComponent>
	</mx:VBox>
 
	<mx:Script>
		<![CDATA[
			import flashx.textLayout.factory.TruncationOptions;
			import flash.text.engine.Kerning;
			import flash.text.engine.FontLookup;
			import flash.text.engine.RenderingMode;
			import flashx.textLayout.formats.TextLayoutFormat;
			import flashx.textLayout.factory.StringTextLineFactory;
 
			private var sprite:Sprite;
 
			[Bindable] public var isTruncated:Boolean;
 
			public function fit():void
	        {
	        	if (sprite == null)
	        	{
	        		sprite = new Sprite();
	        		ui.addChild(sprite);
	        	}
	        	while (sprite.numChildren > 0)
	        	{
	        		sprite.removeChildAt(0);
	        	}
	            var factory:StringTextLineFactory = new StringTextLineFactory();
 
	            factory.compositionBounds = new Rectangle( 10, 10, wSlider.value, hSlider.value );
 
	            var format:TextLayoutFormat = new TextLayoutFormat();
	            format.fontFamily = "Verdana, _sans";
	            format.fontSize = fsSlider.value;
	            format.color = 0x000000;
	            format.textAlpha = .9;
	            format.kerning = Kerning.ON;
	            format.renderingMode = RenderingMode.CFF;
				format.fontLookup = FontLookup.EMBEDDED_CFF;
	            factory.spanFormat = format;
 
				var truncationOptions:TruncationOptions = new TruncationOptions('...',3);
				factory.truncationOptions = truncationOptions;				
 
 
 
	            factory.text = txtInput.text;
	            factory.createTextLines( useTextLines );
 
	            isTruncated = factory.isTruncated;
 
	            sprite.graphics.clear();
	            sprite.graphics.beginFill(0x555555,.5);
	            sprite.graphics.drawRect( 10,10, wSlider.value, hSlider.value );
	            sprite.graphics.endFill();
	        }
 
	        private function useTextLines( line:DisplayObject ):void
	        {
	            var displayObject:DisplayObject = sprite.addChild( line );
	        }
 
		]]>
	</mx:Script>
</mx:Application>