0

我的问题类似于这个如何在 JSF 页面中使用 <h:form> ?单一形式?多种形式?嵌套表格?,我有一个主页面,其中有一个带有菜单项的 panelMenu,当我单击一些菜单项时,它会刷新页面的中间部分,称为“centro”,如果我单击“左侧内容”,它就像一个模板,只是我想刷新“内容”。

我下载了一个模板,但我不在 jsf 中,所以我在那个 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>
4

1 回答 1

1

正如 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>

最后一点,您应该避免将 JSTL 与 JSF 一起使用,而是尝试使用渲染属性。

于 2013-03-21T19:50:27.007 回答