如何使用pe:layoutPane在JSF primefaces中定义表单

时间:2014-12-16 14:39:29

标签: forms jsf primefaces

我有一个模板布局,其中包含JSF 2和primefaces以及primefaces扩展layoutPane。左侧有搜索区域和结构。右侧是细节区域。 这是模板的简短形式:

<html>
 <f:view contentType="text/html">
<h:head>
</h:head>
<h:body style="width: 100%; height: 100%;">
    <pe:layout id="layoutId">
        <pe:layoutPane id="layoutPaneWestId" position="west" size="30%" closable="false" resizeWhileDragging="true">

            <pe:layoutPane id="layoutPaneSearchId" position="north" closable="false" resizable="false">
                <h:form id="searchForm">
                    <ui:insert name="search" />
                </h:form>
            </pe:layoutPane>

            <pe:layoutPane id="layoutPaneContentId" position="center">
                <h:form id="structureForm">
                    <ui:insert name="content" />
                </h:form>
            </pe:layoutPane>

        </pe:layoutPane>

        <pe:layoutPane id="layoutPaneDetailId" position="center" size="70%" closable="false">
            <h:form id="detailsForm">
                <ui:insert name="details" />
            </h:form>
        </pe:layoutPane>

    </pe:layout>

</h:body>

每个区域都有自己的形式。现在我问自己该怎么处理e。 G。全球p:咆哮。应该采用哪种形式?据我所知,嵌套表单是无效的HTML。 另一个大问题是,当我在searchForm的搜索字段中键入内容并单击structureForm中的accordion面板时,将提交搜索字段的内容。为什么呢?

亲切的问候 奥利

1 个答案:

答案 0 :(得分:1)

您应该将global p:growl放在pe:layout之外的另一个表单中。

第二个问题可能与从structureFormsearchForm

调用的某些更新有关