Estou com um projeto de cadastro e nele gostaria de visualizar os dados já cadastrados mas mantendo os inputs não editáveis ate que eu clique no botão editar, desta forma habilitando que eu altere os dados, mas como eu fiz, os inputs são resetados e não é possível atualizar o cadastro.
Coloquei o atributo disabled
nos inputs e seu valor é modificado através de um método boolean
Ex:
<h:form id="cadastro">
<p:messages id="messages" />
<p:fieldset legend="Cadastro Pessoal">
<div class="flex flex-wrap justify-content-end">
<p:commandButton value="Editar"
rendered="#{cadastroBean.eEditavel}"
action="#{cadastroBean.ativaCampos}" immediate="true"
update="@form"
process="@this cadastro" />
</div>
<div class="grid ui-fluid mt-3 ">
<div class="col-12 md:col-6">
<div class="field">
<p:outputLabel value="Nome:" for="nome" />
<p:inputText id="nome" value="#{cadastroBean.pessoa.nome}"
validator="#{validators.validaInput}" required="True"
requiredMessage="Necessário Nome"
disabled="#{cadastroBean.eEditavel}">
<f:ajax event="blur" render="messages" />
</p:inputText>
</div>
Método no Bean, como padrão o eEditavel
é false
:
public void ativaCampos() {
eEditavel = false;
}
public void carregarCadastro(Cadastro cadastro) {
this.pessoa = cadastro;
eEditavel = true;
}