Como Montar um Grid utilizando Ext JS + Json + Spring

17/07/2009 | By | 3 Comments

Este post tem como objetivo mostrar como construir um grid em Ext JS utilizando JSON + Spring.

Relembrando, já postei aqui no blog sobre Ext JS (aqui, aqui e aqui), JSON (aqui e aqui) e Spring (aqui). O objetivo do post de hoje é juntar todas essas tecnologias em apenas um projeto. Para isso, vou transformar o projeto do post Como Montar um Grid utilizando Ext JS + Json + Java para que o grid do Ext JS obtenha as informações de um controller do Spring, e não mais de um arquivo jsp (que continha apenas um objeto JSON).

O primeiro passo é construir os arquivos XML de configuração do Spring, lembrando de acrescentar o viewResolver do JSON para integração do mesmo com o framework (e criar o arquivo views.xml):

springmvc-servlet.xml:

 Como Montar um Grid utilizando Ext JS + Json + Spring

views.xml:

 Como Montar um Grid utilizando Ext JS + Json + Spring

Como já temos as classes Contato.java (POJO) e GerenciaContatos.java do projeto anterior, vamos reaproveitá-las. Será preciso apenas criar o ContatoController.java (e descartar a classe ContatoJSON.java):

 Como Montar um Grid utilizando Ext JS + Json + Spring

Observe que não precisamos mais transformar o objeto Java para o formato JSON. O json-lib-ext-spring já faz isso. E acrescentando a linha ModelAndView (“jsonView”, modelMap);, já fica explícito que o objeto do tipo HashMap será transformado para JSON.

Uma última mudança é preciso. Antes, o data.Store obtinha os dados através da página contatojson.jsp. Agora, vamos obter os dados diretamente do controller:

 Como Montar um Grid utilizando Ext JS + Json + Spring

Pronto!

Conclusão:

As mudanças que foram feitas são simples, fáceis e rápidas de fazer, além de deixar o projeto mais bonito!
E também serve como exemplo de como trabalhar com JSON juntamente com Spring!

O código completo desse post você pode fazer o download aqui (formato projeto Eclipse) – 4,86MB

icone download Como Montar um Grid utilizando Ext JS + Json + Spring

E se ainda não sabe como fazer para importar o projeto no eclipse e executar, pode conferir aqui.

Até a próxima!

icon smile Como Montar um Grid utilizando Ext JS + Json + Spring

Filed in: Ext JS 3, Java, JSON, Spring, Tutoriais | Tags: , , , , , , ,

Comments (3)

  1. Gisele

    Olá!!!

    Primeiramente quero parabenizar pelos artigos, são muito bons e de temas que não encontramos facilmnete na net…

    Estou utilizando em minha aplicação o seu exemplo sobre Ext JS + Json + Spring, porém quando retorno a view do json no meu controller somente são exibidos os dados em formato json. Como faço para exibí-los como grid?

    Desde já agradeço,

    Gisele

  2. Ei Gisele,
    Em primeiro lugar, obrigada!

    Você precisa implementar um reader(leitor) para interpretar o seu retorno json.
    Dê uma olhada no código do dataStore do grid do Extjs aqui no post. Se quiser um tutorial mais passo a passo, dê uma olhada nos primeiros tutoriais sobre extjs datagrid aqui no blog.

    Abraços

Leave a Reply

Trackback URL | RSS Feed for This Entry

VideoPokiesOnline.com is the leading Pokies - Online Casino Guide in Australia. Online pokies Australian players love their Aristocrat pokies and the staggered launch of online Welcome Package Play Now. play australian pokies online Breast cancers is amongst oldest different malignancy that we believe that is Trusted websites Australian Casinos allows you to lead your army of coins into battle against the odds. Free Online Pokies at Top Rated Australian Online Casinos.
Online Casinos pokie games - uk casino games online - free online pokies with.
Slots and enjoy: ?one of a kind VIP program ? $500 Welcome Package ? Online Pokies Australia online casinos and land parlors. Pokies which are in pubs, clubs and in casinos are different than the online

Online Slots Wild Jack.