ola
corri atras de exemplos porem nao existe nada muito simples mostrando como funciona este comando result.use(ExtJSJson.class).
tenho um ambiente funcionando ( vraptor /hibernate/ jsp) agora estou tentando fazer teste com ext js
porem nao entendi com funciona.
tenho este controller e o jsp abaixo
porem quando acesso o root da aplicacao vem este cara {“data”: {“nomePessoa”: “Fabio”},“success”: true} e nao acessa index.jsp
agradeco a visita
package br.com.violeta.controller;
import br.com.caelum.vraptor.Path;
import br.com.caelum.vraptor.Resource;
import br.com.caelum.vraptor.Result;
import br.com.caelum.vraptor.util.extjs.ExtJSJson;
import br.com.violeta.model.Pessoa;
@Resource
public class IndexController {
private Result result;
public IndexController(Result result) {
// TODO Auto-generated constructor stub
this.result = result;
}
public void formulario() {
}
@Path("/")
public void index() {
Pessoa pessoa = new Pessoa();
pessoa.setNomePessoa("Fabio");
result.include("titulo", "Violeta");
result.use(ExtJSJson.class).from(pessoa).success(true).serialize();
}
}
e tenho este jsp
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>ExtJS</title>
<link rel="stylesheet" href="<c:url value="/layout/ext/resources/css/ext-all.css"/>" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="<c:url value="/layout/"/>estilos.css" type="text/css" charset="utf-8" />
<!-- - ->
<script src="ext/adapter/ext/ext-base.js" type="text/javascript" charset="utf-8"></script>
<script src="ext/ext-all.js" type="text/javascript" charset="utf-8"></script>
<!-- DEBUG -->
<script src="<c:url value="/layout/ext/adapter/ext/ext-base-debug.js"/>" type="text/javascript" charset="utf-8"></script>
<script src="<c:url value="/layout/ext/ext-all-debug.js"/>" type="text/javascript" charset="utf-8"></script>
<!-- -->
<script src="<c:url value="/layout/ext/Loader/Ext.Loader.js"/>" type="text/javascript" charset="utf-8"></script>
<script src="<c:url value="/layout/ext/src/locale/ext-lang-pt_BR.js"/>" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
Ext.onReady(function(){
var store = new Ext.data.JsonStore({
url : "<c:url value='/index/dados.json'/>",
autoLoad: true,
root : 'data',
fields: [
//{name: 'id', type: 'int'},
{name: 'nomePessoa', type: 'string'}
//{name: 'dsEmail', type: 'string'},
//{name: 'dsLogin', type: 'string'}
]
});
var grid = new Ext.grid.GridPanel({
store: store,
columns: [
// {header: 'Id', width: 50, sortable: true, dataIndex: 'id'},
{id:'nome',header: 'Nome', width: 75, sortable: true, dataIndex: 'nomePessoa'}
// {header: 'E-mail', width: 150, sortable: true, dataIndex: 'dsEmail'},
// {header: 'Login', width: 150, sortable: true, dataIndex: 'dsLogin'}
],
stripeRows: true,
autoExpandColumn: 'nome',
height: 350,
width: 600,
title: 'Exemplo Grid',
stateful: true,
stateId: 'grid',
loadMask : true
});
grid.render('grid-example');
});
</script><script type="text/javascript" src="libclient/jquery.js"></script>
<script type="text/javascript" src="libclient/jquery.validate.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
</head>
<body>
<div style="height: 10px"> </div>
<center>
<div id="grid-example"></div>
</center>
</body>
</html>