Jsf 从对话框更新数据表

我有一个带有“添加新”按钮的数据表。 理想的情况是：

• 点击按钮
• 填写对话框中显示的表单
• 验证失败时在以下情况下在对话框中显示验证消息：
• 验证通过关闭对话框，显示成功消息并更新
  桌子

在当前设置下，2件事不起作用

• 更新数据表
• 验证消息也显示在datatable上方，而不仅仅是 在对话框中（在所有消息的位置-没关系），但在 成功保存后，这些消息将保留在那里

显示在页面顶部的消息

<p:messages id="messages" autoUpdate="true" closable="true" escape="false"/>

我的XHTML：

<h:form id="lookupTableForm">
        <p:dataTable
                id="lookupTable"
                widgetVar="lookupTable"
                var="lookup"
                value="#{qlookupListBean.lookups}"
                styleClass="listBlock"
                lazy="true"
                rows="20"
                paginator="true"
                paginatorAlwaysVisible="false"
                sortBy="#{lookup.name}"
                sortOrder="ascending"
                rowsPerPageTemplate="20,100,500">

            <f:facet name="header">#{msg['integrations.tabs.qlookup.title']}</f:facet>

            <p:column headerText="#{msg['qloookup.name']}"
                    sortBy="#{lookup.name}">
                <h:outputText value="#{lookup.name}" />
            </p:column>

            <p:column headerText="#{msg['qloookup.type.in']}"
                      sortBy="#{lookup.typeIn}">
                <h:outputText value="#{lookup.typeIn}" />
            </p:column>

            <p:column headerText="#{msg['qloookup.value.in']}"
                      sortBy="#{lookup.valueIn}">
                <h:outputText value="#{lookup.valueIn}" />
            </p:column>

            <p:column headerText="#{msg['qloookup.type.out']}"
                      sortBy="#{lookup.typeOut}">
                <h:outputText value="#{lookup.typeOut}" />
            </p:column>

            <p:column headerText="#{msg['qloookup.value.out']}"
                      sortBy="#{lookup.valueOut}">
                <h:outputText value="#{lookup.valueOut}" />
            </p:column>

            <f:facet name="footer">
                <div class="reset"></div>
                <p:commandButton
                        onclick="newDialog.show()"
                        value="#{msg['qloookup.table.button.new']}"
                        styleClass="primaryButton" />
            </f:facet>

        </p:dataTable>
    </h:form>
    <p:dialog
            id="newDialog"
            header="#{msg['qloookup.new.title']}"
            closable="true"
            modal="true"
            position="top"
            resizable="false"
            width="430"
            height="400"
            onShow="finFwUI.setDialogPosition()"
            widgetVar="newDialog" styleClass="passwordDialog">

        <h:form>
            <h:panelGrid columns="2" styleClass="w30">
                <p:outputLabel for="name"
                               value="#{msg['qloookup.new.name']}" />
                <p:inputText id="name"
                        value="#{qlookupListBean.lookup.name}"
                        required="true"
                        styleClass="w30">
                    <f:validateLength minimum="1" maximum="35" />
                </p:inputText>
                <h:outputText value="" />
                <p:message for="name" display="text" />
                <p:outputLabel for="inType"
                               value="#{msg['qloookup.type.in']}" />
                <p:selectOneMenu
                        id="inType"
                        value="#{qlookupListBean.lookup.typeIn}"
                        required="true"
                        filter="true"
                        filterMatchMode="contains"
                        styleClass="w30">
                    <f:selectItems
                            value="#{qlookupListBean.qualifierTypes}"
                            var="type"
                            itemLabel="#{type.type}"
                            itemValue="#{type.type}" />
                    <p:ajax event="change"
                            listener="#{qlookupListBean.reloadInValues}"
                            update="inValues" />
                </p:selectOneMenu>
                <h:outputText value="" />
                <p:message for="inType" display="text" />
                <p:outputLabel for="inValues"
                               value="#{msg['qloookup.type.in']}" />
                <p:selectOneMenu
                        id="inValues"
                        value="#{qlookupListBean.lookup.valueIn}"
                        required="true"
                        filter="#{qlookupListBean.inValues.size() gt 8}"
                        filterMatchMode="contains"
                        styleClass="w30">
                    <f:selectItems
                            value="#{qlookupListBean.inValues}"
                            var="type"
                            itemLabel="#{type.value}"
                            itemValue="#{type.value}" />
                </p:selectOneMenu>
                <h:outputText value="" />
                <p:message for="inValues" display="text" />
                <p:outputLabel for="key"
                               value="#{msg['qloookup.key']}" />
                <p:inputText id="key"
                             value="#{qlookupListBean.lookup.key}"
                             required="true"
                             styleClass="w30">
                    <f:validateLength minimum="1" maximum="35" />
                </p:inputText>
                <h:outputText value="" />
                <p:message for="key" display="text" />
                <p:outputLabel for="outType"
                               value="#{msg['qloookup.type.out']}" />
                <p:selectOneMenu
                        id="outType"
                        value="#{qlookupListBean.lookup.typeOut}"
                        required="true"
                        filter="true"
                        filterMatchMode="contains"
                        styleClass="w30">
                    <f:selectItems
                            value="#{qlookupListBean.qualifierTypes}"
                            var="type"
                            itemLabel="#{type.type}"
                            itemValue="#{type.type}" />
                    <p:ajax event="change"
                            listener="#{qlookupListBean.reloadOutValues}"
                            update="outValues" />
                </p:selectOneMenu>
                <h:outputText value="" />
                <p:message for="outType" display="text" />
                <p:outputLabel for="outValues"
                               value="#{msg['qloookup.value.out']}" />
                <p:selectOneMenu
                        id="outValues"
                        value="#{qlookupListBean.lookup.valueOut}"
                        required="true"
                        filter="#{qlookupListBean.outValues.size() gt 8}"
                        filterMatchMode="contains"
                        styleClass="w30">
                    <f:selectItems
                            value="#{qlookupListBean.outValues}"
                            var="type"
                            itemLabel="#{type.value}"
                            itemValue="#{type.value}" />
                </p:selectOneMenu>
                <h:outputText value="" />
                <p:message for="outValues" display="text" />
                <p:outputLabel for="value"
                               value="#{msg['qloookup.value']}" />
                <p:inputText id="value"
                             value="#{qlookupListBean.lookup.value}"
                             required="true"
                             styleClass="w30">
                    <f:validateLength minimum="1" maximum="70" />
                </p:inputText>
                <h:outputText value="" />
                <p:message for="value" display="text" />
                <p:outputLabel for="description"
                               value="#{msg['qloookup.description']}" />
                <p:inputTextarea id="description"
                                 value="#{qlookupListBean.lookup.description}"
                                 styleClass="w30">
                    <f:validateLength maximum="255" />
                </p:inputTextarea>
                <h:outputText value="" />
                <p:message for="description" display="text" />
            </h:panelGrid>
            <div class="buttonsBlock">
                <p:commandButton
                        styleClass="primaryButton"
                        value="#{msg['button.save']}"
                        update="@form"
                        action="#{qlookupListBean.save}"
                        oncomplete="if (args &amp;&amp; !args.validationFailed) { newDialog.hide(); updateTable(); }" /><!--    see http://stackoverflow.com/a/9195852/204950   -->
                <p:commandButton
                        value="#{msg['button.cancel']}"
                        styleClass="buttonRight"
                        onclick="newDialog.hide();"
                        immediate="true" />
                <p:remoteCommand name="updateTable" update="@(lookupTableForm:lookupTable)" />
            </div>
        </h:form>
    </p:dialog>

#{msg['integrations.tabs.qlookup.title']}

我应该改变什么才能让它工作？谢谢

编辑 通过修改“保存时更新”命令按钮解决了消息问题

<p:commandButton
                        styleClass="primaryButton"
                        value="#{msg['button.save']}"
                        update="@form, @(:messages)"
                        action="#{qlookupListBean.save}"
                        oncomplete="if (args &amp;&amp; !args.validationFailed) { newDialog.hide(); updateTable(); }" />

编辑2

---

我错了。当我在空表单上单击“保存”时，验证消息与以前的消息不显示，但现在显示。非ajax POST请求在服务器上发送，页面重新加载，对话框不显示。

您只更新对话框的表单。您有两种选择：使datatable和dialog共享同一个表单，或保持原样，并参考另一个表单

update=“：lookupTableForm”

。检查firebug（或等效）是否有错误消息，如果有：发布它们。尝试从

remoteCommand

中的

update=..

中删除

@

。在对话框中移动

p:messages

。这就是我使用remotecomand标记的原因。如果我有相同的格式，它会发送新的非ajax保存按钮请求，我不希望这样。当我添加

update=“：lookupTableForm”

时，我得到未知id错误。数据表id可以通过@（lookupTableForm:lookupTable）访问，但这也会开始发送非ajax请求。您使用

p:remoteCommand

尝试什么？我认为这是不必要的..我正在尝试在成功保存后更新datatable。