package {
	import mx.collections.ArrayCollection;
	import flash.net.SharedObject;
 
	/**
	 * @author Fabiel Prestes
	 */
	public class SharedObjectHelper {
 
		private var _sharedObject:SharedObject;
		private var _dadosSharedObject:ArrayCollection;
		private var _nomeArquivoSharedObject:String;
 
		/**
		 * Construtor
		 */
		public function SharedObjectHelper(valor:String) {
			inicializaHelper(valor);
		}
 
		/**
		 * @private
		 * Responsavel por recuperar a instancia do SharedObject baseado no
		 * parametro.
		 *
		 */
		private function inicializaHelper(valor:String):void {
			_dadosSharedObject = new ArrayCollection();
			_nomeArquivoSharedObject = valor;
			_sharedObject = SharedObject.getLocal(_nomeArquivoSharedObject);
 
			if (getObjects()) {
				_dadosSharedObject = getObjects();
			}
		}
 
		/**
		 * Retorna todos um array de dados que está armazendo no SharedObject
		 * @return ArrayCollection
		 */
		public function getObjects():ArrayCollection {
			return _sharedObject.data[_nomeArquivoSharedObject];
		}
 
		/**
		 * Adiciona um dado ao array de dados.
		 * @param Object
		 */
		public function addObject(o:Object):void {
			_dadosSharedObject.addItem(o);
			updateSharedObjects();
		}
 
		/**
		 * @private
		 * Vincula o array de dados a um SharedObject.
		 */
		private function updateSharedObjects():void {
			_sharedObject.data[_nomeArquivoSharedObject] = _dadosSharedObject;
			_sharedObject.flush();
		}
	}
 
}

	<?xml version="1.0"?>
 
<mx:Application xmlns:local="*" xmlns:mx="http://www.adobe.com/2006/mxml"
				creationComplete="initApp()" backgroundColor="#ffffff"
				layout="vertical" 
				backgroundGradientAlphas="[1.0, 1.0]" 
				backgroundGradientColors="[#A5C3D5, #A5C3D5]">
	<mx:Script>
		<![CDATA[
			import mx.events.ValidationResultEvent;
			import mx.validators.ValidationResult;
			import mx.collections.ArrayCollection;
			import mx.utils.ObjectUtil;
			import flash.net.SharedObject;
 
			[Bindable]
			public var listaContatos:ArrayCollection = new ArrayCollection();
 
			public var shoHelper:SharedObjectHelper;
 
			/**
			 * @private
			 * Inicializa a classe SharedObjectHelper e ja cria/recupera
			 * instancia de um objeto SharedObject.
			 */
			private function initApp():void {
				shoHelper = new SharedObjectHelper("contatosSalvos");
 
				if (shoHelper.getObjects()) {
					listaContatos = shoHelper.getObjects();
				}
 
			}
 
			/**
			 * @private
			 * Adiciona um contato na lista de contatos e executa o addObject da classe
			 * sharedObjectHelper.
			 */
			private function addContato():void {
				if(valNome.validate().type == ValidationResultEvent.VALID){
					/* Cria um objeto dinamico com os atributos dos fomularios */
					var objTemp:Object = {nome: tiNome.text, sobrenome: tiSobrenome.text, fone:tiFone.text};
					shoHelper.addObject(objTemp);
 
					listaContatos = shoHelper.getObjects();
 
					/* Limpa os campos do formularios */
					tiNome.text = '';
					tiSobrenome.text = '';
					tiFone.text = '';
				}
			}
 
			/**
			 * @private
			 * Remove um contato do DataGrid e da lista de contatos do SharedObejct
			 */
			public function removerContato():void {
				if (dgContatos.selectedIndex > -1) {
					listaContatos.removeItemAt(dgContatos.selectedIndex);
				}
			}
 
		]]>
	</mx:Script>
	<mx:StringValidator id="valNome" source="{tiNome}" property="text" 
		required="true" requiredFieldError="Preencher Campo"
		triggerEvent="''"/>
 
	<mx:Panel title="Contatos" layout="vertical" horizontalAlign="center" width="70%">
		<mx:Form width="100%">
			<mx:FormItem label="Nome" width="100%">
				<mx:TextInput id="tiNome" width="100%"/>
			</mx:FormItem>
			<mx:FormItem label="Sobrenome" width="100%">
				<mx:TextInput id="tiSobrenome" width="100%"/>
			</mx:FormItem>
			<mx:FormItem label="fone">
				<mx:TextInput id="tiFone"/>
			</mx:FormItem>
		</mx:Form>
 
		<mx:DataGrid id="dgContatos" dataProvider="{listaContatos}" width="100%">
			<mx:columns>
				<mx:DataGridColumn headerText="Nome" dataField="nome"/>
				<mx:DataGridColumn headerText="Sobrenome" dataField="sobrenome"/>
				<mx:DataGridColumn headerText="Fone" dataField="fone"/>
				<mx:DataGridColumn headerText="§" width="40" textAlign="center">
					<mx:itemRenderer>
						<mx:Component>
							<mx:Button label="X" width="8" click="outerDocument.removerContato()"/>
						</mx:Component>
					</mx:itemRenderer>
				</mx:DataGridColumn>
			</mx:columns>
		</mx:DataGrid>
 
		<mx:Button id="b2" label="Adicionar Contato" click="addContato()"/>
	</mx:Panel>
 
</mx:Application>