Bom dia pessoal.
Estou há alguns dias procurando por uma resposta na internet, mas ainda não achei. Procurei aqui no fórum do GUJ e não encontrei. Portanto, caso meu tópico seja repetido, já peço desculpas antecipadamente.
Estou tentando utilizar a tag f:ajax para implementar ações assíncronas nas minhas páginas, porém está ocorrendo um probleminha. Ao renderizar a tag, o elemento da tela ( no caso, um ) tem adicionado ao evento que eu escolhi uma chamada JS. Porém, esta chamada não está sendo importada em nenhum lugar e eu não sei mais como fazer para solucionar isto.
Abaixo seguem os trechos de código:
Página xHTML:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
<title>TituloExemplo</title>
</h:head>
<h:body>
<h:form id="contact">
<h:panelGroup>
<h:selectOneMenu
value="#{SuspensaoTemporariaAction.form.telefoneSelecionado}"
id="comboTelefones">
<f:ajax event="change" execute="@form" render="teste"
listener="#{SuspensaoTemporariaAction.testeAjax}" />
<f:selectItems
value="#{SuspensaoTemporariaAction.form.listaTelefone}"
var="telefone" itemLabel="#{telefone.numeroTelefone}"
itemValue="#{telefone.codigoContrato}" />
</h:selectOneMenu>
<h:outputText id="teste"/>
</h:panelGroup>
</h:form>
</h:body>
</html>
Managed Bean
@ManagedBean(name = "SuspensaoTemporariaAction")
public class SuspensaoTemporariaAction extends BaseAction implements Serializable {
private static final long serialVersionUID = 1L;
private SuspensaoTemporariaForm form = new SuspensaoTemporariaForm();
@EJB
private transient IContrato contratoService;
public String inicializarPagina() {
form.setListaTelefone(contratoService.pesquisaTelefonesContaMaster());
HttpSession session = getSession();
session.setAttribute(ActionConstants.NUMERO_CONTRATO, "Teste Sessão");
return ActionConstants.RESPONSE_INICIALIZAR_PAGINA;
}
public void testeAjax(AjaxBehaviorEvent event){
System.out.println("testeAjax");
}
public SuspensaoTemporariaForm getForm() {
return form;
}
public void setForm(SuspensaoTemporariaForm form) {
this.form = form;
}
}
<select id="contact:comboTelefones" name="contact:comboTelefones" size="1" onchange="mojarra.ab(this,event,'change','@form','contact:teste')"> <option value="0">[telefone removido]</option>
<option value="1">[telefone removido]</option>
<option value="2">[telefone removido]</option>
<option value="3">[telefone removido]</option>
<option value="4">[telefone removido]</option>
<option value="5">[telefone removido]</option>
<option value="6">[telefone removido]</option>
<option value="7">[telefone removido]</option>
<option value="8">[telefone removido]</option>
<option value="9">[telefone removido]</option>
</select>
Erro JS:
Uncaught ReferenceError: mojarra is not defined
(anonymous function)Login.xhtml:7
onchange
Valeu Pessoal!