[AJAX] - Problema no remoteFunction
25/08/2010 00:00
0
Pessoal,
Estou com um problema no remoteFunction. A idéia é tenho 3 selects, o primeiro select é o único que é exibido na página assim que ele abre, os outros estão ocultos.
A idéia é que ao selecionar algo no primeiro select, via Ajax, carregar os outros selects dinamicamente e exibí-los com o JQuery, dando um efeito.
Estou seguindo o tutorial conforme na página a seguir, mas adaptando às minhas necessidades: <!-- m --><a class="postlink" href="http://www.grails.org/AJAX-Driven+SELECTs+in+GSP">http://www.grails.org/AJAX-Driven+SELECTs+in+GSP</a><!-- m -->
A página web é:
A função remota no UsuarioController.groovy é:
Os erros:
1) Assim que carrega o Firebug mostra um erro de que o parametro "e" não está definido na linha: ${remoteFunction(controller:"usuario", action:"ajaxGetContatos", params:"'id=' + zopt.value", onComplete:"updateContatos(e)")}, que se localiza no fim do código javascript.
2) Ao executar a seleção do campo, a função updateContatos(e), não é executada por algum motivo. Ele consegue executar a função ajaxGetContatos, mas não consegue executar a função no onComplete, por algum motivo.
Estou achando estranho, porque a função está bem definida, como vocês podem ver. Alguém pode me dar uma luz?
Abraços!
Estou com um problema no remoteFunction. A idéia é tenho 3 selects, o primeiro select é o único que é exibido na página assim que ele abre, os outros estão ocultos.
A idéia é que ao selecionar algo no primeiro select, via Ajax, carregar os outros selects dinamicamente e exibí-los com o JQuery, dando um efeito.
Estou seguindo o tutorial conforme na página a seguir, mas adaptando às minhas necessidades: <!-- m --><a class="postlink" href="http://www.grails.org/AJAX-Driven+SELECTs+in+GSP">http://www.grails.org/AJAX-Driven+SELECTs+in+GSP</a><!-- m -->
A página web é:
<%@ page import="carteiro_veloz.ContatosLista" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="layout" content="main" />
<g:set var="entityName" value="${message(code: 'contatosLista.label', default: 'ContatosLista')}" />
<title><g:message code="default.create.label" args="[entityName]" /></title>
</head>
<body>
<div class="nav">
<span class="menuButton"><a class="home" href="${createLink(uri: '/')}"><g:message code="default.home.label"/></a></span>
<span class="menuButton"><g:link class="list" action="list"><g:message code="default.list.label" args="[entityName]" /></g:link></span>
</div>
<div class="body">
<h1><g:message code="default.create.label" args="[entityName]" /></h1>
<g:if test="${flash.message}">
<div class="message">${flash.message}</div>
</g:if>
<g:hasErrors bean="${contatosListaInstance}">
<div class="errors">
<g:renderErrors bean="${contatosListaInstance}" as="list" />
</div>
</g:hasErrors>
<g:form action="save" method="post" >
<div class="dialog">
<table>
<tbody>
<tr class="prop">
<td valign="top" class="name">
<label for="usuario"><g:message code="usuario.label" default="Usuario" /></label>
</td>
<td valign="top" class="value ">
<g:select id="usuario" name="usuario.id" from="${carteiro_veloz.Usuario.findAll(ativo:true)}" optionKey="id"
onChange="${remoteFunction(
controller:'usuario',
action:'ajaxGetContatos',
params:'\'id=\' + escape(this.value)',
onComplete:"updateContatos(e)")}" />
</td>
</tr>
<tr class="prop" style="display:none" >
<td valign="top" class="name">
<label for="contato"><g:message code="contatosLista.contato.label" default="Contato" /></label>
</td>
<td valign="top" class="value ${hasErrors(bean: contatosListaInstance, field: 'contato', 'errors')}">
<g:select name="contato.id" from="${carteiro_veloz.Contato.list()}" optionKey="id" value="${contatosListaInstance?.contato?.id}" />
</td>
</tr>
<tr class="prop" style="display:none">
<td valign="top" class="name">
<label for="lista"><g:message code="contatosLista.lista.label" default="Lista" /></label>
</td>
<td valign="top" class="value ${hasErrors(bean: contatosListaInstance, field: 'lista', 'errors')}">
<g:select name="lista.id" from="${carteiro_veloz.ListaContatos.list()}" optionKey="id" value="${contatosListaInstance?.lista?.id}" />
</td>
</tr>
<tr class="prop" style="display:none">
<td valign="top" class="name">
<label for="ativo"><g:message code="contatosLista.ativo.label" default="Ativo" /></label>
</td>
<td valign="top" class="value ${hasErrors(bean: contatosListaInstance, field: 'ativo', 'errors')}">
<g:checkBox name="ativo" value="${contatosListaInstance?.ativo}" />
</td>
</tr>
</tbody>
</table>
</div>
<div class="buttons">
<span class="button"><g:submitButton name="create" class="save" value="${message(code: 'default.button.create.label', default: 'Create')}" /></span>
</div>
</g:form>
</div>
<g:javascript>
function updateContatos(e){
alert("entrou no update")
var contatos = eval("(" + e.responseText + ")") // evaluate JSON
if (contatos) {
var rselect = document.getElementById('contato.id')
// Clear all previous options
var l = rselect.length
while (l > 0) {
l--
rselect.remove(l)
}
// Rebuild the select
for (var i=0; i < contatos.length; i++) {
var contato = contatos[i]
var opt = document.createElement('option');
opt.text = contato.name
opt.value = contato.id
try {
rselect.add(opt, null) // standards compliant; doesn't work in IE
}
catch(ex) {
rselect.add(opt) // IE only
}
}
$(".prop").fadeIn("slow")
}
}
var zselect = document.getElementById('usuario')
var zopt = zselect.options[zselect.selectedIndex]
${remoteFunction(controller:"usuario", action:"ajaxGetContatos", params:"'id=' + zopt.value", onComplete:"updateContatos(e)")}
</g:javascript>
</body>
</html>
A função remota no UsuarioController.groovy é:
def ajaxGetContatos = {
println "entrou aqui ajax"
println params.id
def usuario = Usuario.get(params.id)
if(usuario){
println "achou usuario" + usuario
}
render usuario?.contatos as JSON
}
Os erros:
1) Assim que carrega o Firebug mostra um erro de que o parametro "e" não está definido na linha: ${remoteFunction(controller:"usuario", action:"ajaxGetContatos", params:"'id=' + zopt.value", onComplete:"updateContatos(e)")}, que se localiza no fim do código javascript.
2) Ao executar a seleção do campo, a função updateContatos(e), não é executada por algum motivo. Ele consegue executar a função ajaxGetContatos, mas não consegue executar a função no onComplete, por algum motivo.
Estou achando estranho, porque a função está bem definida, como vocês podem ver. Alguém pode me dar uma luz?
Abraços!
0
0
Senhores,
Tive esse mesmo problema hoje, estou fazendo meu primeiro projeto em grails e fui utilizar o exemplo que encontramos na documentação.
A solução pra mim foi colocar ponto e virgula no final de todas as linhas do javascript. Por receber a função pronta, feita por gente experiente, a gente acha que o problema não está ali.
Estou tendo problemas com coisas extremamente simples com o grails, não sou um programador experiente para enxergar facilmente a origem deles, e estou perdendo muito tempo, horas, com coisas que resolveria em minutos com java.
A experiência está sendo traumática, pois a documentação é sempre desatualizada. Tive erros que solucionei no chute, depois de mais de 15 horas seguindo tutorias e livros que não resolveram, estou meio ressabiado com esse framework.
Não recomendo fazer sua primeira aplicação para quem tem prazo, que é meu caso, preciso entregar um trabalho da faculdade.
Se eu tivesse feito com java + struts, que eu utilizo no meu estágio, tava pronto.
Tive esse mesmo problema hoje, estou fazendo meu primeiro projeto em grails e fui utilizar o exemplo que encontramos na documentação.
A solução pra mim foi colocar ponto e virgula no final de todas as linhas do javascript. Por receber a função pronta, feita por gente experiente, a gente acha que o problema não está ali.
Estou tendo problemas com coisas extremamente simples com o grails, não sou um programador experiente para enxergar facilmente a origem deles, e estou perdendo muito tempo, horas, com coisas que resolveria em minutos com java.
A experiência está sendo traumática, pois a documentação é sempre desatualizada. Tive erros que solucionei no chute, depois de mais de 15 horas seguindo tutorias e livros que não resolveram, estou meio ressabiado com esse framework.
Não recomendo fazer sua primeira aplicação para quem tem prazo, que é meu caso, preciso entregar um trabalho da faculdade.
Se eu tivesse feito com java + struts, que eu utilizo no meu estágio, tava pronto.
08/11/2010 00:00
0
eduardoribeiro,
qual problema voce está tendo com grails ? Poste no forum para q possamos ajudar
abçs
qual problema voce está tendo com grails ? Poste no forum para q possamos ajudar
abçs
15/11/2010 00:00
Ainda não faz parte da comunidade???
Para se registrar, clique aqui.
Aprenda Groovy e Grails com a Formação itexto!
Newsletter Semana Groovy
Os melhores blogs de TI (e em português) em um único lugar!
