title: Avoid refresh the whole page after submit
body: <p>in the code below there is a form with the name of FormData where every time I submit the data, it updates the entire page. I wish this did not happen when submit the data, it would execute the action q without refreshing the whole page. This behavior is normal or I'm doing something wrong?</p>
  
  <p>My code: </p>
  
  <pre><code>    &lt;ui:decorate template="/resources/Template.xhtml"&gt;
      &lt;ui:define id="content" name="content"&gt;
          &lt;p:growl id="war"/&gt;
          &lt;style type="text/css"&gt;
              .ok{  
                  color: #336600
              }
              .erro{
                  color: #D20005;
              }
          &lt;/style&gt;
          &lt;div style="width: 90%; margin-left: auto; margin-right: auto; "&gt;
              &lt;br/&gt;
              &lt;br/&gt;
              &lt;p:panel&gt;
                  &lt;f:facet name="header"&gt;
                      Lista de Arquivos Armazenados                        
                  &lt;/f:facet&gt;       
                  &lt;h:form id="pesquisar"&gt;
                      &lt;p:toolbar style="width: 100%;"&gt;
                          &lt;p:toolbarGroup align="left" &gt;
                              &lt;h:panelGrid columns="1" cellpadding="0"&gt;                            
                              &lt;/h:panelGrid&gt;
                          &lt;/p:toolbarGroup&gt;                        
                          &lt;p:toolbarGroup align="right"&gt;
                              &lt;h:panelGrid columns="5" cellpadding="0"&gt;
                                  &lt;h:outputLabel value="De: "/&gt;  
                                  &lt;p:inputMask mask="99/99/9999" value="#{arquivoBean.dataInicial}" size="10"/&gt;
                                  &lt;h:outputLabel value="Até: "/&gt;  
                                  &lt;p:inputMask mask="99/99/9999" value="#{arquivoBean.datafinal}" size="10"/&gt;
                                  &lt;p:commandButton value="Buscar" action="#{arquivoBean.listar()}"  ajax="false"/&gt;
                                  &lt;br/&gt;
                                  &lt;p:selectBooleanCheckbox id="check" value="#{arquivoBean.pendente}"
                                                           itemLabel="Pendente"&gt;
                                      &lt;p:ajax process="@this" event="change" listener="#{arquivoBean.listarPendente()}" /&gt;
                                  &lt;/p:selectBooleanCheckbox&gt;
                              &lt;/h:panelGrid&gt;
  
                          &lt;/p:toolbarGroup&gt;
                      &lt;/p:toolbar&gt;
                  &lt;/h:form&gt;
              &lt;/p:panel&gt;
              &lt;br/&gt;
              &lt;p:dataTable id="dataTable"
                           var="Arquivo"
                           paginator="true"
                           paginatorPosition="bottom"
                           rowsPerPageTemplate="100"
                           rows="100"
                           sortBy="#{Arquivo.id}"
                           value="#{arquivoBean.dataModelArquivo}"  
                           rowStyleClass="#{Arquivo.pendente eq 1 ? 'ok' : 'erro'}"
                           emptyMessage="Você ainda não ativou uma empresa ou não existe postagem para esta Empresa"&gt;
                  &lt;p:column headerText="ID"&gt;
                      #{Arquivo.id}
                  &lt;/p:column&gt;
                  &lt;p:column headerText="Nome"&gt;
                      #{Arquivo.nomeMury}
                  &lt;/p:column&gt;
                  &lt;p:column headerText="Envio"&gt;
                      #{Arquivo.dataEnvio}
                  &lt;/p:column&gt;
                  &lt;p:column headerText="Produto" width="10px;"&gt;
                      &lt;h:form id="formProduto"&gt;
                          &lt;p:commandButton icon="ui-icon-circle-zoomout" value="" 
                                           action="#{arquivoBean.listarProdutoPorArquivo()}" 
                                           oncomplete="prodDialog.show()"
                                           onclick="listarProd([{name: 'ArquivoId', value:#{Arquivo.id}}]);"&gt;
                              &lt;f:setPropertyActionListener value="#{Arquivo}" target="#{arquivoBean.arquivo}"/&gt;
                          &lt;/p:commandButton&gt;
                          &lt;p:remoteCommand name="listarProd" action="#{arquivoBean.listarProdutoPorArquivo()}" update=":formDataTable:dataTableProd"&gt;
                              &lt;f:setPropertyActionListener value="#{Arquivo}" target="#{arquivoBean.arquivo}"/&gt;
                          &lt;/p:remoteCommand&gt;
                      &lt;/h:form&gt;
                  &lt;/p:column&gt;
                  &lt;p:column headerText="Data" width="10px;"&gt;
                      &lt;h:form id="formData"&gt;
  
                          &lt;p:inputMask id="entrada#{cc.clientId}" mask="99/99/9999" value="#{Arquivo.dataEntrada}"
                                       onkeypress="if (event.keyCode === 13) {
                                                       test([{name: 'rowIndex', value:#{Arquivo.id}}]);
                                                       return;
                                                   }"
                                       size="8"&gt;
                              &lt;f:convertDateTime pattern="dd/MM/yyyy" type="date" timeZone="GMT-03:00"/&gt;
                          &lt;/p:inputMask&gt;
                          &lt;p:remoteCommand name="test" action="#{arquivoBean.inserirDataNota()}"&gt;
                              &lt;f:setPropertyActionListener value="#{Arquivo}" target="#{arquivoBean.arquivo}"/&gt;
                          &lt;/p:remoteCommand&gt;
                      &lt;/h:form&gt;
                  &lt;/p:column&gt;
              &lt;/p:dataTable&gt;
              &lt;h:form id="formDataTable"&gt;
                  &lt;p:dialog closeOnEscape="true" 
                            widgetVar="prodDialog" 
                            modal="true" 
                            header="Lista de Produtos da NF-e"
                            style="width: 300; height: 500"
                            position="center"&gt;
                      &lt;p:dataTable
                          id="dataTableProd"
                          var="XmlItens"
                          paginator="true"
                          paginatorPosition="bottom"
                          rowsPerPageTemplate="10"
                          rows="10"
                          value="#{arquivoBean.listaProd}"&gt;
                          &lt;p:column headerText="ID"&gt;
                              #{XmlItens.id}
                          &lt;/p:column&gt;
                          &lt;p:column headerText="Nome"&gt;
                              #{XmlItens.descricaoProd}
                          &lt;/p:column&gt;
                          &lt;p:column headerText="Envio"&gt;
                              #{XmlItens.chaveNfe}
                          &lt;/p:column&gt;
                      &lt;/p:dataTable&gt;
                  &lt;/p:dialog&gt;
              &lt;/h:form&gt;
          &lt;/div&gt;
      &lt;/ui:define&gt;
  &lt;/ui:decorate&gt;
  </code></pre>