2

我有一个 Web 应用程序，我在其中使用 JSF + Primefaces 作为 UI。在处理 AJAX 调用（如对数据表的 rowSelect 事件进行 AJAX 调用）时，我在对网页应用脏检查时遇到了困难。

以下是我想通过 AJAX 调用应用脏检查的确切场景。以下是我在网页中使用的组件。

1）我有一个由名为“companyBean”的bean填充的数据表（具有公司属性）

<p:dataTable id="basic" var="company" value="#{companyInfoBean.companyList}" 
    rowKey="#{company.id}"
    selection="#{companyInfoBean.selectedCompany}" selectionMode="single">

    <p:ajax event="rowSelect" update=":customerDataForm:customerDataFields" />

    <p:column id="modelHeader">
        <f:facet name="header">
            <h:outputText value="Company Name" />
        </f:facet>
        <h:outputText value="#{company.companyName}" />
    </p:column>
      more columns....
</p:dataTable>

如上所选行（AJAX 调用）所示，我更新了页面底部表单中的值

<h:form id="customerDataForm">
<p:panel id="customerDataFields">
<p:panelGrid >
<p:row>
    <p:column>
        <h:outputLabel for="companyname" value="Company Name " />
    </p:column>
    <p:column>
        <p:inputText id="companyname" value="#{companyInfoBean.selectedCompany.companyName}" label="Company Name" />
    </p:column>
         more columns...
  <p:row>
    <p:column colspan="2" style="text-align:right">
        <p:commandButton value="Save" actionListener="#{companyInfoBean.updateCompany}" 
        update=":customerDataForm:customerDataTable"/>
    </p:column>
    <p:column colspan="2" style="text-align:left">
        <p:commandButton value="Undo" />
    </p:column>
</p:row>

在上面的表单中，用户可以编辑在数据表上的 rowSelect 上更新的值。

现在我想对数据表上的 rowSelection 表单进行脏检查，即，尽管执行了 rowSelect 的 AJAX 调用，但是否提示用户使用的表单上有一些未保存的更改。

基本上我可以从这个场景中理解..我需要一些基于条件的 AJAX 调用，而不是简单的。或者我必须使用一些 jQuery 的东西来实现脏检查。

4

1 回答 1

1

有不同的方法可以实现这一点。这里有一些（如果弹出窗口没问题，我更喜欢方法 3）：

方法一：

a) 使用 selectedCompany 的副本，例如 editCompanyBean 作为 customerDataFields 的支持 bean。
b) 向 ajax 事件添加一个“监听器”，这可以在使用 selectedCompany 的值设置它之前检查 editCompanyBean 的空值。如果失败，您可以咆哮一条消息并阻止该副本。注意：您可以使用覆盖开关来覆盖 (b)
c) 在保存 editCompanyBean 时将其初始化为字段的空值。

方法二：

a) 在 selectedCompany 的 set 语句中，检查 bean 是否已经填充了一个值。如果已填充并跳过编辑，则抛出警告消息。
b) 让用户在继续之前单击 customerDataFields 上的保存或重置。
注意：每次保存或重置 customerDataFields 后清除 selectedCompany

方法三：

a) 将 customerDataFields 放入模态弹出对话框中。设置它，以便用户在继续之前必须保存或重置。
b) ajax 事件会弹出上面的模态对话框。您也可以使用按钮弹出。

于 2012-09-19T20:01:28.213 回答