麻烦更新＆lt; p：outputpanel＆gt;

Question

好的，我的问题是我无法从Ajax更新组件（CURSO），我真的不知道为什么。

这是我的代码：

Rol

                                    <h:selectManyCheckbox value="#{usuarioSession.roles}" id="admin" disabled="#{checkView.validarAdm}">
                                        <f:selectItem itemValue="1" itemLabel="Administrador"></f:selectItem>                       
                                        <p:ajax listener="#{checkView.checkBoxAdmin()}" update="est"></p:ajax>
                                    </h:selectManyCheckbox>

                                    <h:selectManyCheckbox value="#{usuarioSession.roles}" id="doce" disabled="#{checkView.validarDoc}">
                                        <f:selectItem itemValue="2" itemLabel="Docente"></f:selectItem>                          
                                        <p:ajax listener="#{checkView.checkBoxDoc()}" update="est, cursos"></p:ajax>
                                    </h:selectManyCheckbox>

                                    <h:selectManyCheckbox value="#{usuarioSession.roles}" id="est" disabled="#{checkView.validarEst}">
                                        <f:selectItem itemValue="3" itemLabel="Estudiante"></f:selectItem>
                                        <p:ajax listener="#{checkView.checkBoxEst()}" update="doce, admin"></p:ajax>
                                    </h:selectManyCheckbox>

                                </div>
                                
                                <p:outputPanel rendered="#{checkView.check2 == true}" id="cursos" >
                                    <div class="mb-3">
                                        <h:outputLabel class="form-label">Curso</h:outputLabel>
                                        <h:selectManyCheckbox value="#{usuarioSession.cursos}">
                                            <c:forEach items="#{crearCursoView.listarCurso()}" var="lc">
                                                <f:selectItem itemValue="#{lc}" itemLabel="#{lc.nombre}"></f:selectItem>
                                            </c:forEach>
                                        </h:selectManyCheckbox>
                                    </div>
                                </p:outputPanel>

Answer 1

您有一个非常常见的问题rendered =“＃{checkview.check2 == true}”，因为如果未在JSF树中呈现输出panel，则它不会在JSF树中呈现。秘密是始终使用没有渲染标志的包装组件，以便您始终可以更新包装器元素以使p：oppotepanel显示和hide。使用下面的示例，然后更新cursoswrapper而不是furesos

<p:outputPanel id="cursosWrapper">
    <p:outputPanel rendered="#{checkView.check2 == true}" id="cursos" >
        <div class="mb-3">
            <h:outputLabel class="form-label">Curso</h:outputLabel>
            <h:selectManyCheckbox value="#{usuarioSession.cursos}">
                <c:forEach items="#{crearCursoView.listarCurso()}" var="lc">
                    <f:selectItem itemValue="#{lc}" itemLabel="#{lc.nombre}"></f:selectItem>
                </c:forEach>
            </h:selectManyCheckbox>
        </div>
    </p:outputPanel>
</p:outputPanel>

...或使用JSF PassThrough添加JSF：Rendered flag到Inner Div。

<p:outputPanel id="cursosWrapper">
    <div class="mb-3" jsf:rendered="#{checkView.check2 == true}">
        <h:outputLabel class="form-label">Curso</h:outputLabel>
        <h:selectManyCheckbox value="#{usuarioSession.cursos}">
            <c:forEach items="#{crearCursoView.listarCurso()}" var="lc">
                <f:selectItem itemValue="#{lc}" itemLabel="#{lc.nombre}"></f:selectItem>
            </c:forEach>
        </h:selectManyCheckbox>
    </div>
</p:outputPanel>