multiple forms JSF + primefaces 3.5

我的问题和这个类似:如何使用在JSF页面?单形式?多种形式?嵌套形式?，我有一个主页，其中有一个菜单项的面板菜单，当我点击一些菜单项，它刷新我的页面的中间部分称为"中心"就像一个模板，如果我点击"左侧内容"，只是我想刷新"左侧内容"。

我下载了一个模板，但我不在jsf中，所以我创建了" layout "在CSS模板中，但是我这里有一个表单，它会评估重定向另一个页面的情况并将其显示在id "centro"

我的中间页有一个问题，里面有其他人的表单。我读巢的形式不是一个有效的概念，但我需要重定向我的页面只在中间，但当我运行项目。

我的按钮不调用我的方法，但如果我只运行我的中间页，它工作得很好。

嵌套的形式是主要的哪一个和我的中间页的形式，有帮助吗?

这是我的主页

<h:form id="main" onsubmit="#{beanSec.setPer()}">
  <p:layout style="height: 500px;" id="layout">
    <p:layoutUnit position="west" resizable="false" size="188">
      <p:menu style="width: 175px; border:0px ;background: #660000 ;">
        <!-- puse width para el efecto cuando pasa el mouse no altere a los demas solo a este y paddin para alinearlo a mi gusto -->
        <p:menuitem value="Interesados" update="centro"
        ajax="false"
        style="font-size:17px; padding-left: 32px; width: 80%"
        action="#{navBean.setPaginaSecretaria('interesados')}" />
      </p:menu>
      <p:panelMenu style="width:180px;">
        <p:submenu label="Acad&#233;mico">
          <p:menuitem value="Matr&#237;cula"
          style="color: black; font-weight: bold" update="centro"
          ajax="false"
          action="#{navBean.setPaginaSecretaria('matricula')}" />
          <p:menuitem value="Alumnos"
          style="color:black ; font-weight: bold;" update="centro"
          ajax="false" async="true"
          action="#{navBean.setPaginaSecretaria('alumno')}" />
          <p:menuitem value="Programaci&#243;n"
          style="color: black ; font-weight: bold" update="centro"
          ajax="false"
          action="#{navBean.setPaginaSecretaria('programacion')}" />
          <p:menuitem value="Cursos"
          style="color:black ; font-weight: bold;" update="centro"
          ajax="false" url="ListarCursos.xhtml" />
          <!--action="{navBean.setPaginaSecretaria('cursos')}"-->
          <p:menuitem value="Docentes"
          style="color:black ; font-weight: bold;" update="centro"
          ajax="false"
          action="#{navBean.setPaginaSecretaria('docente')}" />
          <p:menuitem value="Laboratorios"
          style="color:black ; font-weight: bold ;" update="centro"
          ajax="false"
          action="#{navBean.setPaginaSecretaria('laboratorio')}" />
        </p:submenu>
      </p:panelMenu>
      <p:panelMenu style="width:180px;">
        <p:submenu label="Recaudaci&#243;n">
          <p:menuitem value="Cuentas Bancarias"
          style="color:black ; font-weight: bold" update="centro"
          ajax="false"
          action="#{navBean.setPaginaSecretaria('cuentas')}" />
          <p:menuitem value="Pagos"
          style="color:black; font-weight: bold;" update="centro"
          ajax="false"
          action="#{navBean.setPaginaSecretaria('pagos')}" />
        </p:submenu>
      </p:panelMenu>
      <p:panelMenu style="width:180px;">
        <p:submenu label="Acreditaciones">
          <p:menuitem value="Convenios"
          style="color:black ; font-weight: bold" update="centro"
          ajax="false"
          action="#{navBean.setPaginaSecretaria('convenios')}" />
          <p:menuitem value="Certificaciones"
          style="color:black; font-weight: bold;" update="centro"
          ajax="false"
          action="#{navBean.setPaginaSecretaria('certificaciones')}" />
        </p:submenu>
      </p:panelMenu>
      <p:panelMenu style="width:180px;">
        <p:submenu label="Eventos y noticias">
          <p:menuitem value="Eventos"
          style="color: black ; font-weight: bold" update="centro"
          ajax="false"
          action="#{navBean.setPaginaSecretaria('eventos')}" />
          <p:menuitem value="Noticias"
          style="color: black ; font-weight: bold" update="centro"
          ajax="false"
          action="#{navBean.setPaginaSecretaria('noticias')}" />
        </p:submenu>
      </p:panelMenu>
      <!-- puse width para el efecto cuando pasa el mouse no altere a los demas solo a este y paddin para alinearlo a mi gusto -->
      <p:menu style="width: 175px; border:0px ;background:#660000;">
        <p:menuitem value="Datos Personales" update="centro"
        style="font-size:17px; padding-left: 32px; width: 80%;"
        ajax="false"
        action="#{navBean.setPaginaSecretaria('datos')}" />
      </p:menu>
    </p:layoutUnit>
    <p:layoutUnit position="center" id="centro"
    style="padding-left: 20px">
      <c:if test="#{navBean.paginaSecretaria eq 'interesados'}">
        <ui:include src="ListarInteresados.xhtml" />
      </c:if>
      <c:if test="#{navBean.paginaSecretaria eq 'matricula'}">
        <ui:include src="Matricula.xhtml" />
      </c:if>
      <c:if test="#{navBean.paginaSecretaria eq 'alumno'}">
        <ui:include src="ListarAlumnos.xhtml" />
      </c:if>
      <c:if test="#{navBean.paginaSecretaria eq 'programacion'}">
        <ui:include src="ListarProgramacion.xhtml" />
      </c:if>
      <c:if test="#{navBean.paginaSecretaria eq 'cursos'}">
        <ui:include src="ListarCursos.xhtml" />
      </c:if>
      <c:if test="#{navBean.paginaSecretaria eq 'docente'}">
        <ui:include src="ListarDocentes.xhtml" />
      </c:if>
      <c:if test="#{navBean.paginaSecretaria eq 'laboratorio'}">
        <ui:include src="ListarLaboratorios.xhtml" />
      </c:if>
      <c:if test="#{navBean.paginaSecretaria eq 'cuentas'}">
        <ui:include src="CuentasBancarias.xhtml" />
      </c:if>
      <c:if test="#{navBean.paginaSecretaria eq 'pagos'}">
        <ui:include src="Pagos.xhtml" />
      </c:if>
      <c:if test="#{navBean.paginaSecretaria eq 'convenios'}">
        <ui:include src="ListarConvenios.xhtml" />
      </c:if>
      <c:if test="#{navBean.paginaSecretaria eq 'certificaciones'}">
        <ui:include src="ListarCertificaciones.xhtml" />
      </c:if>
      <c:if test="#{navBean.paginaSecretaria eq 'eventos'}">
        <ui:include src="ListarEventos.xhtml" />
      </c:if>
      <c:if test="#{navBean.paginaSecretaria eq 'noticias'}">
        <ui:include src="ListarNoticias.xhtml" />
      </c:if>
      <c:if test="#{navBean.paginaSecretaria eq 'datos'}">
        <ui:include src="DatosPersonalesSecretaria.xhtml" />
      </c:if>
    </p:layoutUnit>
  </p:layout>
</h:form>

这是我的中间页

<h:form>
  <p:dataTable id="dt1" value="#{DAOCurso.listarTodosCursos()}"
  var="datos">
    <f:facet name="header">Listado de Cursos</f:facet>
    <p:column filterBy="#{datos.nombre}"
    filterMatchMode="contains">
      <f:facet name="header">
        <h:outputLabel value="Curso" />
      </f:facet>
      <h:outputText value="#{datos.nombre}" style="color: black">
      </h:outputText>
    </p:column>
    <p:column filterBy="#{datos.siglas}"
    filterMatchMode="contains">
      <f:facet name="header">
        <h:outputLabel value="Siglas" />
      </f:facet>
      <h:outputText value="#{datos.siglas}" style="color: black">
      </h:outputText>
    </p:column>
    <p:column filterBy="#{datos.certificacion.nombre}"
    filterMatchMode="contains">
      <f:facet name="header">
        <h:outputLabel value="Certificaci&#243;n" />
      </f:facet>
      <h:outputText value="#{datos.certificacion.nombre}"
      style="color: black"></h:outputText>
    </p:column>
    <p:column>
      <f:facet name="header">
        <h:outputLabel value="Modificar" />
      </f:facet>
      <p:commandLink value="Modificar" oncomplete="dlg2.show();"
      update=":main:modalDialog2" style="color: black"
      action="#{beanCurso.traerDatos()}">
        <f:setPropertyActionListener target="#{beanCurso.codigo}"
        value="#{datos.codigo}" />
      </p:commandLink>
    </p:column>
  </p:dataTable>
</h:form>
<p:dialog id="modalDialog2" header="Modificar Datos Personales"
widgetVar="dlg2" dynamic="true">
  <h:form id="form2">
    <table>
      <tr>
        <td>
          <h:outputLabel value="Nombre Curso" />
          <p:inputText id="nombre" value="#{beanCurso.nombre}" />
        </td>
      </tr>
      <tr>
        <td>
          <h:outputLabel value="Siglas" />
          <p:inputText value="#{beanCurso.siglas}" />
        </td>
      </tr>
      <tr>
        <td>
          <h:outputLabel value="Certificaci&#243;n" />
          <p:selectOneMenu id="cboCentro"
          value="#{beanCurso.certificacion.codigo}" required="true"
          requiredMessage="Debe seleccionar una certificacion">
            <f:selectItem itemLabel="Seleccione Certificacion"
            id="cert" />
            <f:selectItems value="#{DAOCert.listaCertificaciones()}"
            id="combocert" var="cert" itemValue="#{cert.codigo}"
            itemLabel="#{cert.nombre}" />
          </p:selectOneMenu>
        </td>
      </tr>
      <tr>
        <td>
          <p:selectBooleanCheckbox value="#{beanCurso.vigencia}" />
          <h:outputText value="Vigencia"
          style="font-weight:bold" />
        </td>
      </tr>
      <tr>
        <td>
          <p:commandButton value="Modificar"
          action="#{DAOCurso.modificarCurso()}" ajax="false" />
        </td>
      </tr>
    </table>
  </h:form>
</p:dialog>
<p />
<h:form>
  <p:commandButton value="Agregar" oncomplete="dlg.show();" />
  <p:dialog header="Datos Personales" widgetVar="dlg"
  resizable="false" id="dialogo" dynamic="true">
    <table>
      <tr>
        <td>
          <h:outputLabel value="Nombre Curso" />
          <p:inputText id="nombre" value="#{beanCurso.nombre}" />
        </td>
      </tr>
      <tr>
        <td>
          <h:outputLabel value="Siglas" />
          <p:inputText value="#{beanCurso.siglas}" />
        </td>
      </tr>
      <tr>
        <td>
          <h:outputLabel value="Certificaci&#243;n" />
          <p:selectOneMenu value="#{beanCurso.codCert}"
          required="true"
          requiredMessage="Debe seleccionar una certificacion">
            <f:selectItem itemLabel="Seleccione Certificacion"
            id="cert" itemValue="" />
            <f:selectItems value="#{DAOCert.listaCertificaciones()}"
            id="combocert" var="cert" itemValue="#{cert.codigo}"
            itemLabel="#{cert.nombre}" />
          </p:selectOneMenu>
        </td>
      </tr>
      <tr>
        <td>
          <h:commandButton value="Registrar Curso"
          action="#{DAOCurso.insertarCurso()}" />
        </td>
      </tr>
    </table>
  </p:dialog>
</h:form>

正如Luiggi所说，你应该把你的主表单分成多个表单:

<p:layout style="height: 500px;" id="layout">
  <p:layoutUnit position="west" resizable="false" size="188">
    <h:form id="main" onsubmit="#{beanSec.setPer()}">
      <p:menu style="width: 175px; border:0px ;background: #660000 ;">
        <!-- puse width para el efecto cuando pasa el mouse no altere a los demas solo a este y paddin para alinearlo a mi gusto -->
        <p:menuitem value="Interesados" update=":centro"
        ajax="false"
        style="font-size:17px; padding-left: 32px; width: 80%"
        action="#{navBean.setPaginaSecretaria('interesados')}" />
      </p:menu>
      <p:panelMenu style="width:180px;">
        <p:submenu label="Acad&#233;mico">
          <p:menuitem value="Matr&#237;cula"
          style="color: black; font-weight: bold" update=":centro"
          ajax="false"
          action="#{navBean.setPaginaSecretaria('matricula')}" />
          <p:menuitem value="Alumnos"
          style="color:black ; font-weight: bold;" update=":centro"
          ajax="false" async="true"
          action="#{navBean.setPaginaSecretaria('alumno')}" />
          <p:menuitem value="Programaci&#243;n"
          style="color: black ; font-weight: bold" update=":centro"
          ajax="false"
          action="#{navBean.setPaginaSecretaria('programacion')}" />
          <p:menuitem value="Cursos"
          style="color:black ; font-weight: bold;" update=":centro"
          ajax="false" url="ListarCursos.xhtml" />
          <!--action="{navBean.setPaginaSecretaria('cursos')}"-->
          <p:menuitem value="Docentes"
          style="color:black ; font-weight: bold;" update=":centro"
          ajax="false"
          action="#{navBean.setPaginaSecretaria('docente')}" />
          <p:menuitem value="Laboratorios"
          style="color:black ; font-weight: bold ;"
          update=":centro" ajax="false"
          action="#{navBean.setPaginaSecretaria('laboratorio')}" />
        </p:submenu>
      </p:panelMenu>
      <p:panelMenu style="width:180px;">
        <p:submenu label="Recaudaci&#243;n">
          <p:menuitem value="Cuentas Bancarias"
          style="color:black ; font-weight: bold" update=":centro"
          ajax="false"
          action="#{navBean.setPaginaSecretaria('cuentas')}" />
          <p:menuitem value="Pagos"
          style="color:black; font-weight: bold;" update=":centro"
          ajax="false"
          action="#{navBean.setPaginaSecretaria('pagos')}" />
        </p:submenu>
      </p:panelMenu>
      <p:panelMenu style="width:180px;">
        <p:submenu label="Acreditaciones">
          <p:menuitem value="Convenios"
          style="color:black ; font-weight: bold" update=":centro"
          ajax="false"
          action="#{navBean.setPaginaSecretaria('convenios')}" />
          <p:menuitem value="Certificaciones"
          style="color:black; font-weight: bold;" update=":centro"
          ajax="false"
          action="#{navBean.setPaginaSecretaria('certificaciones')}" />
        </p:submenu>
      </p:panelMenu>
      <p:panelMenu style="width:180px;">
        <p:submenu label="Eventos y noticias">
          <p:menuitem value="Eventos"
          style="color: black ; font-weight: bold" update=":centro"
          ajax="false"
          action="#{navBean.setPaginaSecretaria('eventos')}" />
          <p:menuitem value="Noticias"
          style="color: black ; font-weight: bold" update=":centro"
          ajax="false"
          action="#{navBean.setPaginaSecretaria('noticias')}" />
        </p:submenu>
      </p:panelMenu>
      <!-- puse width para el efecto cuando pasa el mouse no altere a los demas solo a este y paddin para alinearlo a mi gusto -->
      <p:menu style="width: 175px; border:0px ;background:#660000;">
        <p:menuitem value="Datos Personales" update=":centro"
        style="font-size:17px; padding-left: 32px; width: 80%;"
        ajax="false"
        action="#{navBean.setPaginaSecretaria('datos')}" />
      </p:menu>
    </h:form>
  </p:layoutUnit>
  <!-- Since you have a form inside each included xhtml file, you don't need following code to be inside the main form-->
  <p:layoutUnit position="center" id="centro"
  style="padding-left: 20px">
    <c:if test="#{navBean.paginaSecretaria eq 'interesados'}">
      <ui:include src="ListarInteresados.xhtml" />
    </c:if>
    <c:if test="#{navBean.paginaSecretaria eq 'matricula'}">
      <ui:include src="Matricula.xhtml" />
    </c:if>
    <c:if test="#{navBean.paginaSecretaria eq 'alumno'}">
      <ui:include src="ListarAlumnos.xhtml" />
    </c:if>
    <c:if test="#{navBean.paginaSecretaria eq 'programacion'}">
      <ui:include src="ListarProgramacion.xhtml" />
    </c:if>
    <c:if test="#{navBean.paginaSecretaria eq 'cursos'}">
      <ui:include src="ListarCursos.xhtml" />
    </c:if>
    <c:if test="#{navBean.paginaSecretaria eq 'docente'}">
      <ui:include src="ListarDocentes.xhtml" />
    </c:if>
    <c:if test="#{navBean.paginaSecretaria eq 'laboratorio'}">
      <ui:include src="ListarLaboratorios.xhtml" />
    </c:if>
    <c:if test="#{navBean.paginaSecretaria eq 'cuentas'}">
      <ui:include src="CuentasBancarias.xhtml" />
    </c:if>
    <c:if test="#{navBean.paginaSecretaria eq 'pagos'}">
      <ui:include src="Pagos.xhtml" />
    </c:if>
    <c:if test="#{navBean.paginaSecretaria eq 'convenios'}">
      <ui:include src="ListarConvenios.xhtml" />
    </c:if>
    <c:if test="#{navBean.paginaSecretaria eq 'certificaciones'}">
      <ui:include src="ListarCertificaciones.xhtml" />
    </c:if>
    <c:if test="#{navBean.paginaSecretaria eq 'eventos'}">
      <ui:include src="ListarEventos.xhtml" />
    </c:if>
    <c:if test="#{navBean.paginaSecretaria eq 'noticias'}">
      <ui:include src="ListarNoticias.xhtml" />
    </c:if>
    <c:if test="#{navBean.paginaSecretaria eq 'datos'}">
      <ui:include src="DatosPersonalesSecretaria.xhtml" />
    </c:if>
  </p:layoutUnit>
</p:layout>

最后一点，您应该避免在JSF中使用JSTL，而应该尝试使用渲染属性。

这是我的主页

这是我的中间页

相关内容

最新更新

热门标签：