Skip to main content
removeu 270 caracteres do conteúdo; título editado
Fonte Link
user28595
user28595

JSF + JS - Como acessar um ManagedBean através de um arquivo js externo?

Boa tarde galera, comoComo eu faço para acessar um managed bean jsf através de um arquivo javascript externo .js? estouEstou tentando acessar da seguinte forma:

  $("#botaoCadastroMaterial").click(function(){
   '#{cadastroMaterialController.salvar()}'; 
});

  $("#botaoCadastroMaterial").click(function(){
   '#{cadastroMaterialController.salvar()}'; 
});

porém nao esta funcionando.

<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html" 
    template="../template/template.xhtml">
    
    <ui:define name="corpoPagina">
        <div id="divCadastroMaterial">
        <h1 style="width:100%;text-align:center;">Cadastro de Material</h1>
            <h:form prependId="false" id="formularioCadastroMaterial">
                <h:outputLabel value="Titulo"/>
                <h:inputText class="form-control"/>
                <h:outputLabel value="Categoria"/>
                <h:inputText class="form-control"/> 
                <h:commandButton class="btn btn-primary" value="Cadastrar" id="botaoCadastroMaterial"/>
            </h:form>               
        </div>
    </ui:define>
    
</ui:composition>

<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html" 
    template="../template/template.xhtml">
    
    <ui:define name="corpoPagina">
        <div id="divCadastroMaterial">
        <h1 style="width:100%;text-align:center;">Cadastro de Material</h1>
            <h:form prependId="false" id="formularioCadastroMaterial">
                <h:outputLabel value="Titulo"/>
                <h:inputText class="form-control"/>
                <h:outputLabel value="Categoria"/>
                <h:inputText class="form-control"/> 
                <h:commandButton class="btn btn-primary" value="Cadastrar" id="botaoCadastroMaterial"/>
            </h:form>               
        </div>
    </ui:define>
    
</ui:composition>

precisoPreciso que, quando acionado um botao no xhtml, seja executado uma função no meu arquivo js, que tem como implementação a chamada de um metodo do meu managed bean.

JSF + JS - Como acessar um ManagedBean através de um arquivo js externo

Boa tarde galera, como eu faço para acessar um managed bean jsf através de um arquivo externo .js? estou tentando acessar da seguinte forma:

  $("#botaoCadastroMaterial").click(function(){
   '#{cadastroMaterialController.salvar()}'; 
});

porém nao esta funcionando

<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html" 
    template="../template/template.xhtml">
    
    <ui:define name="corpoPagina">
        <div id="divCadastroMaterial">
        <h1 style="width:100%;text-align:center;">Cadastro de Material</h1>
            <h:form prependId="false" id="formularioCadastroMaterial">
                <h:outputLabel value="Titulo"/>
                <h:inputText class="form-control"/>
                <h:outputLabel value="Categoria"/>
                <h:inputText class="form-control"/> 
                <h:commandButton class="btn btn-primary" value="Cadastrar" id="botaoCadastroMaterial"/>
            </h:form>               
        </div>
    </ui:define>
    
</ui:composition>

preciso que quando acionado um botao no xhtml, seja executado uma função no meu arquivo js, que tem como implementação a chamada de um metodo do meu managed bean.

Como acessar um ManagedBean através de um arquivo js externo?

Como eu faço para acessar um managed bean jsf através de um arquivo javascript externo? Estou tentando acessar da seguinte forma:

  $("#botaoCadastroMaterial").click(function(){
   '#{cadastroMaterialController.salvar()}'; 
});

porém nao esta funcionando.

<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html" 
    template="../template/template.xhtml">
    
    <ui:define name="corpoPagina">
        <div id="divCadastroMaterial">
        <h1 style="width:100%;text-align:center;">Cadastro de Material</h1>
            <h:form prependId="false" id="formularioCadastroMaterial">
                <h:outputLabel value="Titulo"/>
                <h:inputText class="form-control"/>
                <h:outputLabel value="Categoria"/>
                <h:inputText class="form-control"/> 
                <h:commandButton class="btn btn-primary" value="Cadastrar" id="botaoCadastroMaterial"/>
            </h:form>               
        </div>
    </ui:define>
    
</ui:composition>

Preciso que, quando acionado um botao no xhtml, seja executado uma função no meu arquivo js, que tem como implementação a chamada de um metodo do meu managed bean.

adicionou 166 caracteres ao conteúdo
Fonte Link

Boa tarde galera, como eu faço para acessar um managed bean jsf através de um arquivo externo .js? estou tentando acessar da seguinte forma:

  $("#botaoCadastroMaterial").click(function(){
   '#{cadastroMaterialController.salvar()}'; 
});

porém nao esta funcionando

abaixo segue meu xhtml:

<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html" 
    template="../template/template.xhtml">
    
    <ui:define name="corpoPagina">
        <div id="divCadastroMaterial">
        <h1 style="width:100%;text-align:center;">Cadastro de Material</h1>
            <h:form prependId="false" id="formularioCadastroMaterial">
                <h:outputLabel value="Titulo"/>
                <h:inputText class="form-control"/>
                <h:outputLabel value="Categoria"/>
                <h:inputText class="form-control"/> 
                <h:commandButton class="btn btn-primary" value="Cadastrar" id="botaoCadastroMaterial"/>
            </h:form>               
        </div>
    </ui:define>
    
</ui:composition>

preciso que quando acionado um botao no xhtml, seja executado uma função no meu arquivo js, que tem como implementação a chamada de um metodo do meu managed bean.

Boa tarde galera, como eu faço para acessar um managed bean jsf através de um arquivo externo .js? estou tentando acessar da seguinte forma:

  $("#botaoCadastroMaterial").click(function(){
   '#{cadastroMaterialController.salvar()}'; 
});

porém nao esta funcionando

abaixo segue meu xhtml:

<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html" 
    template="../template/template.xhtml">
    
    <ui:define name="corpoPagina">
        <div id="divCadastroMaterial">
        <h1 style="width:100%;text-align:center;">Cadastro de Material</h1>
            <h:form prependId="false" id="formularioCadastroMaterial">
                <h:outputLabel value="Titulo"/>
                <h:inputText class="form-control"/>
                <h:outputLabel value="Categoria"/>
                <h:inputText class="form-control"/> 
                <h:commandButton class="btn btn-primary" value="Cadastrar" id="botaoCadastroMaterial"/>
            </h:form>               
        </div>
    </ui:define>
    
</ui:composition>

Boa tarde galera, como eu faço para acessar um managed bean jsf através de um arquivo externo .js? estou tentando acessar da seguinte forma:

  $("#botaoCadastroMaterial").click(function(){
   '#{cadastroMaterialController.salvar()}'; 
});

porém nao esta funcionando

abaixo segue meu xhtml:

<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html" 
    template="../template/template.xhtml">
    
    <ui:define name="corpoPagina">
        <div id="divCadastroMaterial">
        <h1 style="width:100%;text-align:center;">Cadastro de Material</h1>
            <h:form prependId="false" id="formularioCadastroMaterial">
                <h:outputLabel value="Titulo"/>
                <h:inputText class="form-control"/>
                <h:outputLabel value="Categoria"/>
                <h:inputText class="form-control"/> 
                <h:commandButton class="btn btn-primary" value="Cadastrar" id="botaoCadastroMaterial"/>
            </h:form>               
        </div>
    </ui:define>
    
</ui:composition>

preciso que quando acionado um botao no xhtml, seja executado uma função no meu arquivo js, que tem como implementação a chamada de um metodo do meu managed bean.

Fonte Link

JSF + JS - Como acessar um ManagedBean através de um arquivo js externo

Boa tarde galera, como eu faço para acessar um managed bean jsf através de um arquivo externo .js? estou tentando acessar da seguinte forma:

  $("#botaoCadastroMaterial").click(function(){
   '#{cadastroMaterialController.salvar()}'; 
});

porém nao esta funcionando

abaixo segue meu xhtml:

<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html" 
    template="../template/template.xhtml">
    
    <ui:define name="corpoPagina">
        <div id="divCadastroMaterial">
        <h1 style="width:100%;text-align:center;">Cadastro de Material</h1>
            <h:form prependId="false" id="formularioCadastroMaterial">
                <h:outputLabel value="Titulo"/>
                <h:inputText class="form-control"/>
                <h:outputLabel value="Categoria"/>
                <h:inputText class="form-control"/> 
                <h:commandButton class="btn btn-primary" value="Cadastrar" id="botaoCadastroMaterial"/>
            </h:form>               
        </div>
    </ui:define>
    
</ui:composition>