Ajax 在 jsf 中的条件渲染包含页面中不起作用

Question

我有一个.xhtml 页面，其中包含许多其他.xhtml 页面，每个页面都通过特定操作呈现

<h:form>
        <div id="wrapper">
            <h:commandLink
                onclick="hideWrapper()">
                <f:ajax listener="#{Bean.createListener}" event="action"
                    render=":parent-panel" />
                <div class="test">
                    <div class="icon"></div>
                    <div class="title">#{msgs.create_new_bean}</div>
                    <span>#{msgs.create_your_bean}</span>
                </div>
            </h:commandLink>


            <h:commandLink >
                <f:ajax listener="#{Bean.historyListner}" event="action"
                    render=":parent-panel" />
                <div class="History1">
                    <div class="icon"></div>
                    <div class="title">#{msgs.history}</div>
                    <span>#{msgs.history}</span>
                </div>
            </h:commandLink>
        </div>
    </h:form>

    <h:panelGroup id="parent-panel">
        <c:if test="#{Bean.activeEditFlag}">
            <h:panelGroup id="active-page">
                <ui:include src="active.xhtml" />
            </h:panelGroup>
        </c:if>

        <c:if test="#{Bean.createFlag}">
            <h:panelGroup id="create-page">
                <ui:include src="create.xhtml" />
            </h:panelGroup>
        </c:if>

        <c:if test="#{Bean.activeEditFlag}">
            <h:panelGroup>
                <ui:include src="edit.xhtml" />
            </h:panelGroup>
        </c:if>

        <c:if test="#{Bean.historyFlag}">
            <h:panelGroup id="history-page">
                <ui:include src="history.xhtml" />
            </h:panelGroup>
        </c:if>

    </h:panelGroup>

每个包含的页面都包含h:commandLink 或h:selectBooleanCheckbox 之类的组件，有两个页面必须从第一次render=true 开始呈现，这些页面在 ajax 上运行良好，但是当涉及到任何其他页面时从 render=false 到 ture，它们被渲染但包含 ajax 的组件不工作。有什么想法吗？？

Answer 1

我为这个问题找到了两个解决方案，但它们更多的是解决问题，因为据我了解，我引用了“在初始页面加载与 ajax 请求混淆后渲染 h:form”，而对于我的情况，我不能从包含的页面中删除 h:form。因此，我使用 f:subview 而不是 c:if 它有一个 render 属性，您可以在 subview with including pages 进行检查 另一种解决方案是使用 javascript 在主页上附加页面

  $('.main-button2').click(function(e) {
                    $(".parent-panel").empty();
                    $.get("../history.xhtml", function(data) {
                        $(".parent-panel").append(data);
                    });
                });