<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" backgroundColor="white" viewSourceURL="srcview/index.html">
	
	<mx:Script>
		<![CDATA[
			import mx.controls.dataGridClasses.DataGridColumn;
			import mx.collections.ArrayCollection;
			
			[Bindable]
			private var arrColl:ArrayCollection;
			
			private function doChange():void {
				var letterArray:Array = textInput.text.split("");
				arrColl = new ArrayCollection(letterArray);
				dg.validateNow();
				dg.selectedIndex = arrColl.length;
				dg.scrollToIndex(arrColl.length);
			}
			
			private function CharCode(item:Object, column:DataGridColumn):String {
				return item.charCodeAt().toString();
			}
		]]>
	</mx:Script>
	
	<mx:TextInput id="textInput" change="doChange();" width="100%" />
	<mx:DataGrid id="dg" dataProvider="{arrColl}" width="100%" height="100%">
		<mx:columns>
			<mx:DataGridColumn headerText="Character" dataField="letter" />
			<mx:DataGridColumn headerText="Char Code" labelFunction="CharCode" />
		</mx:columns>
	</mx:DataGrid>
	<mx:Label id="lbl" />
		
</mx:Application>