SPRING ANNOTATIONS - redeRIA | Agregador de noticias, artigos, tutoriais Flex, Flash, JavaFX, AJAX e Rich internet applications em geral!

Jul 20

Esse artigo é continuação do
TUTORIAL JAVA + FLEX NA PRÁTICA 1/6
TUTORIAL JAVA + FLEX NA PRÁTICA 2/6
TUTORIAL JAVA + FLEX NA PRÁTICA 3/6
TUTORIAL JAVA + FLEX NA PRÁTICA 4/6
TUTORIAL JAVA + FLEX NA PRÁTICA 5/6
TUTORIAL JAVA + FLEX NA PRÁTICA 6/6

Não definitivamente você não está delirando e nem eu esqueci conceitos simples da matemática, realmente criei mais um tutorial, a 7/6, o que estou considerando Bônus, para fazer algumas modificações e implementar algumas funcionalidades.

Antes gostaria de agradecer pela participação do pessoal, muitos entenderam o objetivo do tutorial e com certeza fizeram bom proveito, fiquei sabendo este mês de julho que alguns mudaram a forma de trabalhar com Java + flex através deste tutorial . Através do mesmo recebi ótimos contatos e oportunidades profissionais, porém, como sempre há alguém que quer mais e gostaria de mais um empurram, então vamos direto ao assunto que tempo é dinheiro.

Essa parte vamos tratar mais de relacionamentos entre tabelas, como tratar esses relacionamentos no Flex e como mostrar mais de um objeto no datagrid… vamos a prática.

Implementação no Java

Assim como fizemos na nossa classe Estado vamos criar nossa Classe Cidade, classe essa que fará o relacionamento mais comum e a dúvida mais comum depois que você começa a programar, vamos ao código:

Cidade.java

PLAIN TEXT

JAVA:

@Entity
@Table(name=“cidade”)
public class Cidade {
@Id @GeneratedValue(strategy = GenerationType.AUTO)
private long idCidade;
@ManyToOne(fetch = FetchType.EAGER)
@JoinColumn(name=“codEstado”,insertable=true,updatable=true)
@Fetch(FetchMode.JOIN)
@Cascade(CascadeType.SAVE_UPDATE)
private Estado estado;
private String nome;
private String sigla;
public String getSigla() {
return sigla;
}
public void setSigla(String sigla) {
this.sigla = sigla;
}
public long getIdCidade() {
return idCidade;
}
public void setIdCidade(long idCidade) {
this.idCidade = idCidade;
}
public Estado getEstado() {
return estado;
}
public void setEstado(Estado estado) {
this.estado = estado;
}
public String getNome() {
return nome;
}
public void setNome(String nome) {
this.nome = nome;
}
}

Vale comentar algumas anotações que usei aqui:

@ManyToOne(fetch = FetchType.EAGER) -> como o relacionamento é de “N para 1”, uma Cidade pertence a um Estado e o Estado pode ter várias Cidade, usamos a anotação @ManyToOne e também usamos o FethType:

EAGER -> Sempre que o Objeto pai for trazido o atributo mapeado também será trazido) cuidado ao usar pois se for relacionamentos mais complexo, ou melhor, que contém muitos objetos dentro do outro pode ficar muito lento, no nosso exemplo não temos que ser preocupar com isso.

LAZY -> Sempre que o objeto pai for trazido o atributo mapeado só será trazido quando acessado pela primeira vez(muito usado quando é List, Collection para evitar o que citei logo acima).

@JoinColumn(name=”codEstado”,insertable=true,updatable=true) -> informamos qual é o campo é a chave estrangeira, no caso da Cidade a chave estrangeira é o codEstado. O insertable e o updatable quando indicados como true significa que esse objeto tem que ser inserido ou atualizado quando o objeto pai é inserido ou atualizado, resumindo, Toda vez que for inserir e atualizar um Cidade também será inserido ou atualizado um Estado.

@Fetch(FetchMode.JOIN) -> informamos que estamos juntando as duas tabelas, melhor dizendo, como se estivesse usando o Inner Join na injeção de SQL.

@Cascade(CascadeType.SAVE_UPDATE)-> por ultimo a permissão que esse atributo pode interferir na Classe ao qual está fazendo o relaciomento. Explico, ao colocar SAVE_UPDATE se caso você esteja inserindo uma cidade e o estado ainda não foi inserido, ele automaticamente vai adicionar esse Estado, pegar o id do mesmo e gravar na tabela cidade no campo codEstado, Hibernate é Kara .

Depois de explicado as anotações as outras classes que ficam no Java já foram explicadas e só serão adicionadas logo abaixo:

CidadeRepository.java

PLAIN TEXT

JAVA:

public interface CidadeRepository {
public void save(Cidade cidade);
public void remove(Cidade cidade);
public List<Cidade> findAll();
public List<Cidade> findByName(String nome);
}

CidadeService.java

PLAIN TEXT

JAVA:

@Service(value=“CidadeService”)
public class CidadeService {
CidadeRepository cidadeRepository;
@Autowired
public void setCidadeRepository(CidadeRepository cidadeRepository) {
this.cidadeRepository = cidadeRepository;
}
public void save(Cidade cidade){
cidadeRepository.save(cidade);
}
public void remove(Cidade cidade){
cidadeRepository.remove(cidade);
}
public List<Cidade> findAll(){
return cidadeRepository.findAll();
}
public List<Cidade> findByName(String nome){
return cidadeRepository.findByName(nome);
}
}

CidadeDao.java

PLAIN TEXT

JAVA:

@Repository(value=“CidadeRepository”)
public class CidadeDao extends HibernateDaoSupport
implements CidadeRepository {
@Autowired
public CidadeDao(@Qualifier(“sessionFactory”) SessionFactory sessionFactory) {
// TODO Auto-generated constructor stub
super.setSessionFactory(sessionFactory);
}
@Override
public void remove(Cidade cidade) {
// TODO Auto-generated method stub
getHibernateTemplate().delete(cidade);
}
@SuppressWarnings(“unchecked”)
@Override
public List<Cidade> findAll() {
// TODO Auto-generated method stub
return getHibernateTemplate().loadAll(Cidade.class);
}
@SuppressWarnings(“unchecked”)
@Override
public List<Cidade> findByName(String nome) {
// TODO Auto-generated method stub
return getHibernateTemplate().find(“from Cidade” +
” where nome like ‘%” + nome + “%’”);
}
@Override
public void save(Cidade cidade) {
// TODO Auto-generated method stub
getHibernateTemplate().saveOrUpdate(cidade);
}
}

Agora é só adicionar o serviço no blazeds e ir para a parte flex.

remoting-config.xml

PLAIN TEXT

XML:

<destination id=“CidadeService”>
<properties>
<factory>spring</factory>
<source>CidadeService</source>
</properties>
</destination>

OBS. Aqui já começa uma pequena discussão, se você perceber os Repository, Service e Dao de Cidade e Estado são praticamente idênticos, e muitos vão optar por trabalhar com classes Genéricas, tipo RepositoryGeneric, DaoGeneric. Nada contra, só que eu prefiro deixar separado, se você usar genérico tome muito cuidado, uma vez tomei o genérico de novalgina e fiquei uma semana mal, acabou o genérico comprei novalgina e a dor de cabeça passou em 30 minutos, hehe.

Outra coisa aí sim eu recomendo é o seguinte, de vez de ter um Service para a cidade e outra para estado criar um tipo addresService, cuja esse serviço manipularia o estado, a cidade o bairro… enfim, tudo que tem haver com endereço, isso é normal, o service na verdade é isso, mais como nos exemplos fica tudo separado as pessoas colocam separado, então, mesmo não fazendo assim neste exemplo recomendo a todos depois fazer isso neste exemplo, considere dever de casa .

Implementação no Flex

No flex a implementação é mais simples ainda, a base de ctrl+c ctrl+v, vamos ao código:

Cidade.as

PLAIN TEXT

ACTIONSCRIPT:

[RemoteClass(alias=“com.saberprogramar.business.entitys.Cidade”)]
[Bindable]
public class Cidade
{
public var idCidade:Number;
public var estado:Estado;
public var nome:String;
public var sigla:String;
}

A única coisa que Vale lembrar aqui é que como no Java você usa o relacionamento com a classe Estado, no Action script tem que acontecer a mesma coisa, se não você não relaciona objetos, tipo, ao invés de colocar “estado:Estado” colocar “idEstado:Number” vc não está programando orientado a objeto, você na verdade está criando classes que sejam clone das suas tabelas do banco de dados, fazendo isso você está perdendo o melhor que o mundo OO pode te oferecer. É aqui que vejo uma constante dúvida que tenho recebido por contato aqui no Blog, então aí vai:

Não! de maneira nenhuma deixe de fazer os relacionamentos dos seus objetos, uma cidade faz parte de um Estado e não de um código do estado, então… tanto no Java, como no Action Script, quanto no php e outra qualquer linguagem não considere seus objetos uma cópia de suas tabelas do banco de dados.

Se no Java você tem um atributo “Estado estado” no actionScript você vai ter um ”estado:Estado”. Quando usamos RemoteObject o action script tem que ser igual ao Java ou ao php, é um clone, não pode ter um “Estado estado” no Java e um “idEstado:Number” no Action Script, não vai funcionar e você vai ter aquela sensação, é alguma bobeira que eu não estou vendo.

CidadeDelegate.as

PLAIN TEXT

ACTIONSCRIPT:

public class CidadeDelegate extends AbstractDelegate
{
[Autowire(bean=“cidadeService”)]
public var cidadeService:RemoteObject;
public function CidadeDelegate()
{
super();
}
//AS OPERAÇÕES CRUD
public function findAll():AsyncToken{
return cidadeService.findAll();
}
public function findByName(nome:String):AsyncToken{
return cidadeService.findByName(nome);
}
public function save(cidade:Cidade):AsyncToken{
return cidadeService.save(cidade);
}
public function remove(cidade:Cidade):AsyncToken{
return cidadeService.remove(cidade);
}
}

CidadeEvent.as

PLAIN TEXT

ACTIONSCRIPT:

public class CidadeEvent extends Event
{
public static const SAVE:String = “saveCidade”;
public static const REMOVE:String = “removeCidade”;
public function CidadeEvent(type:String)
{
super(type);
}
}

ICidadeController.as

PLAIN TEXT

ACTIONSCRIPT:

public interface ICidadeController
{
function get cidadeList():ArrayCollection;
function findAll():void;
function findByName(nome:String):void;
function save(cidade:Cidade):void;
function remove(cidade:Cidade):void;
}

CidadeController.as

PLAIN TEXT

ACTIONSCRIPT:

public class CidadeController extends AbstractController
implements ICidadeController{
[Bindable]
public var cidadeList:ArrayCollection;
[Autowire(bean=“cidadeDelegate”)]
public var cidadeDelegate:CidadeDelegate;
public function CidadeController()
{
super();
}
public function findAll():void{
executeServiceCall(cidadeDelegate.findAll(),onFindAll,onError);
}
public function findByName(nome:String):void{
executeServiceCall(cidadeDelegate.findByName(nome),onFindByName,onError);
}
public function save(cidade:Cidade):void{
executeServiceCall(cidadeDelegate.save(cidade),onSave,onError);
}
public function remove(cidade:Cidade):void{
executeServiceCall(cidadeDelegate.remove(cidade),onRemove,onError);
}
//*************** Handle Results ************************//
public function onFindAll(event:ResultEvent):void{
cidadeList = ArrayCollection(event.result);
}
public function onFindByName(event:ResultEvent):void{
cidadeList = event.result as ArrayCollection;
}
public function onSave(event:ResultEvent):void{
Swiz.dispatchEvent(new CidadeEvent(CidadeEvent.SAVE));
}
public function onRemove(event:ResultEvent):void{
Swiz.dispatchEvent(new CidadeEvent(CidadeEvent.REMOVE));
}
private function onError(event:FaultEvent):void{
Alert.show(event.fault.message,“ERROR”);
}
}

Adicionados estas classes é só adicionar o mapeamento dos mesmos e o RemoteObjetct no nosso Beans.mxml.

PLAIN TEXT

XML:

<!– cidade service –>
<mx:RemoteObject id=“cidadeService”
destination=“CidadeService”
channelSet=“{myAmfChannel}”/>
<!– delegate for the cidade controller –>
<delegates:CidadeDelegate id=“cidadeDelegate”/>
<!– cidade controller –>
<controllers:CidadeController id=“cidadeController”/>

Agora vamos a interface(view) com algumas explicações:

CidadeView.mxml

PLAIN TEXT

XML:

<?xml version=“1.0″ encoding=“utf-8″?>
<mx:TitleWindow xmlns:mx=“http://www.adobe.com/2006/mxml” layout=“absolute” width=“518″ height=“422″
title=“Cadastro de Cidades” fontSize=“10″ xmlns=“flexmdi.containers.*”
xmlns:controls=“com.flexpernambuco.controls.*”
creationComplete=“{init()}” showCloseButton=“true” close=“{exit()}”>
<mx:ViewStack x=“10″ y=“10″ id=“stack” width=“486″ height=“362″>
<mx:Canvas label=“View 1″ width=“100%” height=“100%” id=“canvasDefault”>
<mx:Button x=“138″ y=“330″ label=“Incluir” id=“btnIncluir” click=“{save()}”/>
<mx:Button x=“209″ y=“330″ label=“Alterar” id=“btnAlterar” click=“{update()}”/>
<mx:Button x=“284″ y=“330″ label=“Excluir” id=“btnExcluir” click=“{remove()}”/>
<mx ataGrid x=“10″ y=“40″ width=“466″ height=“282″ dataProvider=“{controller.cidadeList}” id=“dgCidade”>
<mx:columns>
<mx ataGridColumn headerText=“ID” dataField=“idCidade” width=“70″/>
<mx ataGridColumn headerText=“Nome da Cidade” dataField=“nome”/>
<mx ataGridColumn headerText=“Sigla” dataField=“sigla” width=“70″/>
<mx ataGridColumn headerText=“UF” labelFunction=“colEstado” width=“70″/>
</mx:columns>
</mx ataGrid>
<mx:TextInput x=“273″ y=“10″ id=“txtFind”/>
<mx:Button x=“441″ y=“10″ width=“35″ icon=“@Embed(source=’com/saberprogramar/assets/images/find-16×16.png’)” id=“btnFind” click=“{find()}”/>
</mx:Canvas>
<mx:Canvas label=“” width=“100%” height=“100%” id=“canvasForm”>
<mx:Form x=“10″ y=“67″ width=“466″ height=“146″>
<mx:FormItem label=“ID:”>
<mx:TextInput width=“72″ id=“txtIdCidade” editable=“false” tabIndex=“0″
toolTip=“Código Gerado Automático” text=“{cidade.idCidade.toString()}”/>
</mx:FormItem>
<mx:FormItem label=“Estado” required=“true”>
<mx:ComboBox id=“cmbEstado” dataProvider=“{controllerEstado.estadoList}”
labelField=“nome” prompt=“Selecione um Estado” tabIndex=“1″>
</mx:ComboBox>
</mx:FormItem>
<mx:FormItem label=“Nome:” required=“true”>
<mx:TextInput width=“339″ id=“txtNome” text=“{cidade.nome}” tabIndex=“2″/>
</mx:FormItem>
<mx:FormItem label=“Sigla:” required=“true”>
<mx:TextInput width=“43″ id=“txtSigla” maxChars=“2″ text=“{cidade.sigla}” tabIndex=“3″ />
</mx:FormItem>
</mx:Form>
<mx:FormHeading x=“157.5″ y=“21″ label=“Formulário de Estado” width=“171″/>
<mx:Button x=“160″ y=“221″ label=“Cancelar” id=“btnCancelar” click=“{cancel()}” tabIndex=“6″/>
<mx:Button x=“243″ y=“221″ label=“Confirmar” id=“btnConfirmar” click=“{confirm()}” tabIndex=“5″/>
</mx:Canvas>
</mx:ViewStack>
<mx:Script source=“actions/CidadeAction.as”/>
</mx:TitleWindow>

Agora vamos mostrar sua action:

CidadeAction.as

PLAIN TEXT

ACTIONSCRIPT:

// ActionScript file
import com.saberprogramar.controllers.ICidadeController;
import com.saberprogramar.controllers.IEstadoController;
import com.saberprogramar.events.CidadeEvent;
import com.saberprogramar.models.entitys.Cidade;
import com.saberprogramar.models.entitys.Estado;
import mx.controls.dataGridClasses.DataGridColumn;
import mx.managers.PopUpManager;
import org.swizframework.Swiz;
[Bindable]
private var cidade:Cidade;
[Bindable]
[Autowire(bean=“estadoController”)]
public var controllerEstado:IEstadoController;
[Bindable]
[Autowire(bean=“cidadeController”)]
public var controller:ICidadeController;
private function init():void{
PopUpManager.centerPopUp(this);
Swiz.addEventListener(CidadeEvent.SAVE,onSaveComplete);
Swiz.addEventListener(CidadeEvent.REMOVE,onRemoveComplete);
findAll();
}
private function findAll():void{
controller.findAll();
controllerEstado.findAll();
}
private function save():void{
cidade = new Cidade();
stack.selectedChild = canvasForm;
}
private function update():void{
if (dgCidade.selectedItem != null){
dgCidade.setStyle(“bordercolor”,‘black’);
dgCidade.errorString = “”;
cidade = dgCidade.selectedItem as Cidade;
stack.selectedChild = canvasForm;
}else {
dgCidade.setStyle(“bordercolor”,‘red’);
dgCidade.errorString = “Selecione uma Cidade para alterar”;
}
}
private function remove():void{
if (dgCidade.selectedItem != null){
dgCidade.setStyle(“bordercolor”,‘black’);
dgCidade.errorString = “”;
cidade = dgCidade.selectedItem as Cidade;
controller.remove(cidade);
}else {
dgCidade.setStyle(“bordercolor”,‘red’);
dgCidade.errorString = “Selecione uma Cidade para excluir”;
}
}
private function confirm():void{
cidade.idCidade = new Number(txtIdCidade.text);
cidade.estado = cmbEstado.selectedItem as Estado;
cidade.nome = txtNome.text;
cidade.sigla = txtSigla.text;
controller.save(cidade);
}
private function cancel():void{
cidade = new Cidade();
stack.selectedChild = canvasDefault;
}
private function find():void{
if (txtFind.text != null){
controller.findByName(txtFind.text);
}
}
private function onSaveComplete(event:CidadeEvent):void{
stack.selectedChild = canvasDefault;
findAll();
}
private function onRemoveComplete(event:CidadeEvent):void{
stack.selectedChild = canvasDefault;
findAll();
}
private function colEstado(objCidade:Cidade, col:DataGridColumn):String{
return objCidade.estado.uf;
}
private function exit():void{
PopUpManager.removePopUp(this);
}

Como Pode perceber existe algumas novidades comparado ao código do estado, uma é a combo que carrega todos os estados:

PLAIN TEXT

XML:

<mx:ComboBox id=“cmbEstado” dataProvider=“{controllerEstado.estadoList}”
labelField=“nome” prompt=“Selecione um Estado” tabIndex=“1″>
</mx:ComboBox>

O DataProvider da combo é o estadoList da nossa controllerEstado.
o label Field é o “nome”(atributo da classe estado).
prompt é o texto inicial da combo.

A parte mais interessante neste caso é o grid, usamos a função labelFunction:

PLAIN TEXT

XML:

<mx ataGridColumn headerText=“UF” labelFunction=“colEstado” width=“70″/>

Neste caso indicamos que o label desta coluna vem do retorno de uma função chamada colEstado:

PLAIN TEXT

ACTIONSCRIPT:

private function colEstado(objCidade:Cidade, col:DataGridColumn):String{
return objCidade.estado.uf;
}

Se você perceber temos uma função que espera como retorno uma String, e aqui podemos ver já uma vantagem de usar os relacionamentos de objetos de maneira correta, uma cidade contém um estado, então ao fazer o que fizemos acima conseguimos pegar qualquer atributo da nossa classe Estado e mostrar no grid sem a necessidade de fazer um FindById ou algo parecido.

Bem, é isso, atualizei o código fonte, caso queiram podem baixar nos links logo abaixo, qualquer dúvida pode entrar em contato, ou se preferir postar um comentário.

Até a Próx.

Caso queira o projeto em java é só baixar aqui (sem as libs).

Caso queira o projeto em flex é só baixar aqui.

Mai 28

Na última parte do nosso tutorial vamos fazer a V(View) do nosso MVC, no caso são 2 tipos de arquivo, a interface em si e a Ação da mesma, lembrando que essa separação não é necessária, eu faço porque gosto de tudo bem dividido, isso ajuda e muito na manutenção ou até mesmo na alteração do Layout, uma vez eu já expliquei o porque disso no artigo Separando MXML do Action Script.

Para terminar com chave de ouro vamos ao código:

EstadoView.mxml

PLAIN TEXT

XML:

<?xml version=“1.0″ encoding=“utf-8″?>
<mx:TitleWindow xmlns:mx=“http://www.adobe.com/2006/mxml” layout=“absolute” width=“518″ height=“422″
title=“Cadastro de Estados” fontSize=“10″ xmlns=“flexmdi.containers.*”
xmlns:controls=“com.flexpernambuco.controls.*”
creationComplete=“{init()}”>
<mx:ViewStack x=“10″ y=“10″ id=“stack” width=“486″ height=“362″>
<mx:Canvas label=“View 1″ width=“100%” height=“100%” id=“canvasDefault”>
<mx:Button x=“138″ y=“330″ label=“Incluir” id=“btnIncluir” click=“{save()}”/>
<mx:Button x=“209″ y=“330″ label=“Alterar” id=“btnAlterar” click=“{update()}”/>
<mx:Button x=“284″ y=“330″ label=“Excluir” id=“btnExcluir” click=“{remove()}”/>
<mx ataGrid x=“10″ y=“40″ width=“466″ height=“282″ dataProvider=“{controller.estadoList}” id=“dgEstado”>
<mx:columns>
<mx ataGridColumn headerText=“ID” dataField=“codEstado” width=“70″/>
<mx ataGridColumn headerText=“Nome do Estado” dataField=“nome”/>
<mx ataGridColumn headerText=“UF” dataField=“uf” width=“70″/>
</mx:columns>
</mx ataGrid>
<mx:TextInput x=“273″ y=“10″ id=“txtFind”/>
<mx:Button x=“441″ y=“10″ width=“35″ icon=“@Embed(source=’com/saberprogramar/assets/images/find-16×16.png’)” id=“btnFind” click=“{find()}”/>
</mx:Canvas>
<mx:Canvas label=“” width=“100%” height=“100%” id=“canvasForm”>
<mx:Form x=“10″ y=“67″ width=“466″ height=“131″>
<mx:FormItem label=“ID:”>
<mx:TextInput width=“72″ id=“txtIdEstado” editable=“false” tabIndex=“0″
toolTip=“Código Gerado Automático” text=“{estado.idEstado.toString()}”/>
</mx:FormItem>
<mx:FormItem label=“Nome:” required=“true”>
<mx:TextInput width=“339″ id=“txtNome” text=“{estado.nome}” tabIndex=“1″/>
</mx:FormItem>
<mx:FormItem label=“UF:” required=“true”>
<mx:TextInput width=“43″ id=“txtUF” maxChars=“2″ text=“{estado.uf}” tabIndex=“2″ />
</mx:FormItem>
</mx:Form>
<mx:FormHeading x=“157.5″ y=“21″ label=“Formulário de Estado” width=“171″/>
<mx:Button x=“160″ y=“206″ label=“Cancelar” id=“btnCancelar” click=“{cancel()}” tabIndex=“5″/>
<mx:Button x=“243″ y=“206″ label=“Confirmar” id=“btnConfirmar” click=“{confirm()}” tabIndex=“4″/>
</mx:Canvas>
</mx:ViewStack>
<mx:Script source=“actions/EstadoAction.as”/>
</mx:TitleWindow>

PLAIN TEXT

CODE:

<mx:Script source=“actions/EstadoAction.as”/>

Nesta linha é que dizemos onde está as ações desta View, então vamos criar este arquivo:

EstadoAction.as

PLAIN TEXT

ACTIONSCRIPT:

// ActionScript file
import com.saberprogramar.controllers.IEstadoController;
import com.saberprogramar.events.EstadoEvent;
import com.saberprogramar.models.entitys.Estado;
import org.swizframework.Swiz;
[Bindable]
private var estado:Estado;
[Bindable]
[Autowire(bean=“estadoController”)]
public var controller:IEstadoController;
private function init():void{
Swiz.addEventListener(EstadoEvent.SAVE,onSaveComplete);
Swiz.addEventListener(EstadoEvent.REMOVE,onRemoveComplete);
findAll();
}
private function findAll():void{
controller.findAll();
}
private function save():void{
estado = new Estado();
stack.selectedChild = canvasForm;
}
private function update():void{
if (dgEstado.selectedItem != null){
dgEstado.setStyle(“bordercolor”,‘black’);
dgEstado.errorString = “”;
estado = dgEstado.selectedItem as Estado;
stack.selectedChild = canvasForm;
}else {
dgEstado.setStyle(“bordercolor”,‘red’);
dgEstado.errorString = “Selecione um Estado para alterar”;
}
}
private function remove():void{
if (dgEstado.selectedItem != null){
dgEstado.setStyle(“bordercolor”,‘black’);
dgEstado.errorString = “”;
estado = dgEstado.selectedItem as Estado;
controller.remove(estado);
}else {
dgEstado.setStyle(“bordercolor”,‘red’);
dgEstado.errorString = “Selecione um Estado para excluir”;
}
}
private function confirm():void{
estado.idEstado = new Number(txtIdEstado.text);
estado.nome = txtNome.text;
estado.uf = txtUF.text;
controller.save(estado);
}
private function cancel():void{
estado = new Estado();
stack.selectedChild = canvasDefault;
}
private function find():void{
if (txtFind.text != null){
controller.findByName(txtFind.text);
}
}
private function onSaveComplete(event:EstadoEvent):void{
stack.selectedChild = canvasDefault;
findAll();
}
private function onRemoveComplete(event:EstadoEvent):void{
stack.selectedChild = canvasDefault;
findAll();
}

Algumas explicações:

PLAIN TEXT

ACTIONSCRIPT:

[Bindable]
[Autowire(bean=“estadoController”)]
public var controller:IEstadoController;

nesta parte do código estamos fazendo a escuta da nossa controladora, repare que me refiro a interface e não a que implementa a mesma, isso é o que muitos chamam de Programação Orientado a Interface, como essa escuta vai lá no nosso Bean.mxml e procura um bean com nome de “estadoController”, lembrando:

PLAIN TEXT

XML:

<controllers:EstadoController id=“estadoController”/>

e como o nosso bean está mensionando a implementação e não a interface, ele instancia a implementação, é ou não é inteligente o Swiz

outra coisa que vale a pena explicar e somente isso a mais é a escuta que adicionamos aos nossos eventos no método init:

PLAIN TEXT

ACTIONSCRIPT:

Swiz.addEventListener(EstadoEvent.SAVE,onSaveComplete);
Swiz.addEventListener(EstadoEvent.REMOVE,onRemoveComplete);

quando fazemos esse comando acima estamos dizendo para nosso view ficar esperta, ou seja, ficar escutando qualquer disparo desses eventos, quando for disparado um dos eventos ele executa o método que se encontra no segundo parametro, exemplo o onSaveComplete que, por sua vez recebe como parametro um EstadoEvent. Lembra que no controller tem um método que dispara os nossos eventos, não lembra né, também teria esquecido , lembrando:

PLAIN TEXT

ACTIONSCRIPT:

public function onSave(event:ResultEvent):void{
Swiz.dispatchEvent(new EstadoEvent(EstadoEvent.SAVE));
}

ou seja, quando é feito esse disparo é executado o nosso onSaveComplete, para quem já conhece de eventos em Flex nenhuma surpresa, somente o fato de estar usando o dispatchEvent e addEventListener do swiz e não os do SDK do próprio flex, isso tem uma explicação, o famoso Mediate do Swiz, que não vamos entrar no mérito neste tutorial, ok!

Agora como respiro final deste tutorial o Index.mxml modificado para chamar a view que acabamos de criar

index.mxml

PLAIN TEXT

XML:

<?xml version=“1.0″ encoding=“utf-8″?>
<mx:Application xmlns:mx=“http://www.adobe.com/2006/mxml” layout=“absolute”
preinitialize=“{iniciar(event)}”>
<mx:Script>
<![CDATA[
import com.saberprogramar.views.EstadoView;
import mx.managers.PopUpManager;
import org.swizframework.Swiz;
import mx.events.FlexEvent;
private function iniciar(event:FlexEvent):void{
Swiz.setStrict(false).loadBeans( [Beans] );
chamarView();
}
private function chamarView():void{
PopUpManager.createPopUp(this,EstadoView,false);
}
]]>
</mx:Script>
</mx:Application>

Como minha hospedagem não suporta java não tem como mostrar o resultado final mais….

Caso queira o projeto em java é só baixar aqui (sem as libs).

Caso queira o projeto em flex é só baixar aqui.

Bem, é isso, uffa, nunca imaginei que criar um tutorial fosse tão dificil e demorado espero que o resultado tenha sido bom

Considerações:

Antes de mais nada peço desculpas se o tutorial não foi muito bem explicado, se dei importância demais onde não era para dar e o que era importante não comentei, sei lá, esse tipo de coisas que pecamos por falta de experiência como blogueiro mais podem ter certeza que o intuito foi o dos melhores e espero que ajude alguém, principalmente a usar MVC no flex, coisa que é muito falada mais tem poucos exemplos, principalmente na língua portuguesa.

Objetivo:

Mostrar que realmente sei o que falo que sei em meu currículo, mesmo não tendo nenhum portfólio, já que não considero meu portfólio o que faço na empresa onde trabalho, o portfólio é da empresa. Procuro contatos profissionais e serviços no que envolve desenvolvimento de sites e sistemas, quem tiver interessado é só entrar em Contato, Obrigado.

Não posso deixar de falar da minha Gata, Fernanda minha Esposa EU TE AMO MUITO, obrigado pela paciência com o seu Geek, hehhe!

Vlw, até a próx. Bons estudos para Todos e um Abraço. FIM.

Mai 25

Esse artigo é continuação do
TUTORIAL JAVA + FLEX NA PRÁTICA 1/6
TUTORIAL JAVA + FLEX NA PRÁTICA 2/6
TUTORIAL JAVA + FLEX NA PRÁTICA 3/6
TUTORIAL JAVA + FLEX NA PRÁTICA 4/6
Como tenho feito nos outros artigos que fazem parte deste tutorial vou colocar o projeto para vocês não se perderem

EVENTS
Eventos é forma que encontramos de criar uma [...]

Mai 18

Esse artigo é continuação do
TUTORIAL JAVA + FLEX NA PRÁTICA 1/6
TUTORIAL JAVA + FLEX NA PRÁTICA 2/6
TUTORIAL JAVA + FLEX NA PRÁTICA 3/6
Vamos falar hoje do M(Models) do nosso MVC , MVC este que fica dentro da camada de apresentação do nosso projeto.
Algo que traz muita confusão é o conceito de MVC, muitos ainda confundem [...]

Mai 15

Esse artigo é continuação do
TUTORIAL JAVA + FLEX NA PRÁTICA 1/6
TUTORIAL JAVA + FLEX NA PRÁTICA 2/6
Na terceira a sexta(Final) parte do nosso tutorial vamos ser mais detalhado, explicando um pouco mais o que vamos fazer, até mesmo que o obejtivo principal do tutorial é daqui para frente.
Antes de mais nada crie mais um projeto [...]

Mai 14

Esse artigo é continuação do TUTORIAL JAVA + FLEX NA PRÁTICA 1/6.
Continuando o nosso tutorial vamos codificar os nossos arquivos de configuração necessário que ficam dentro do WEB-INF.

Vamos ao que interessa
WEB-INF/FLEX
remoting-config.xml
PLAIN TEXT
XML:

<?xml version=”1.0″ encoding=”UTF-8″?>

<service id=”remoting-service”

class=”flex.messaging.services.RemotingService”>

<adapter-definition id=”java-object” class=”flex.messaging.services.remoting.adapters.JavaAdapter” default=”true”/>

</adapters>

<default-channels>

<channel [...]

Mai 14

Antes de mais nada gostaria de agradecer as visitas no blog, quando visitar sinta-se a vontade para fazer seu comentário, ok!
Este Tutorial vai ser para os leitores com um nível mais avançado (ao contrário do que tenho procurado atender no momento aqui no blog), então vai ser muito código, alguns Links e pouca [...]