1 - Gostaria de que só aparece o conteúdo na grid abaixo após clique
2 - E assim que clicasse (cadastrasse algo) aparecesse o produto recém cadastrado o que não está aparecendo
Código:
<h:body>
<h1>Novo Automóvel</h1>
<h:form>
<h:panelGrid>
<h:outputLabel value="Nome: " for="campo-nome"></h:outputLabel>
<h:inputText id="campo-nome" value="#{automovelBean.automovel.nome}" required="true"></h:inputText>
<h:message for="campo-nome"></h:message>
<h:outputLabel value="Marca: " for="campo-marca"></h:outputLabel>
<h:inputText id="campo-marca" value="#{automovelBean.automovel.marca}" required="true"></h:inputText>
<h:message for="campo-marca"></h:message>
<h:commandButton value="Cadastra">
<f:ajax event="click" render="lista" execute="@form" listener="#{automovelBean.adiciona}"></f:ajax>
</h:commandButton>
</h:panelGrid>
<h1>Lista de Automóveis</h1>
<h:dataTable id="lista" value="#{automovelBean.automoveis}" var="automovel" border="1">
<h:column>
<f:facet name="header">
<h:outputText value="Id"></h:outputText>
</f:facet>
#{automovel.id}
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Nome"></h:outputText>
</f:facet>
#{automovel.nome}
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Marca"></h:outputText>
</f:facet>
#{automovel.marca}
</h:column>
</h:dataTable>
</h:form>
</h:body>
