进行了 Ajax 调用，但相关字段仅在页面刷新后更新

Question

我尝试使用 JSF 2 和 primefaces 2.2 对 selectOneMenu 进行 ajax 调用。正在调用 actionListener 方法。但是我在更新属性中指定的列没有得到更新。当我引用页面时，我可以找到更新的值。请帮帮我解决这个问题。

我使用的代码是

    <h:form id="mainForm" prependId="false">
<p>
<p:tabView>
        <p:tab title="Receipt">
    <p:dataTable id="table1" var="recepit" rowIndexVar="rowIndex"   value="#{ReceiptDetailsBean.iterativeList}" scrollable="true"  height="120px" styleClass="leftTable">
            <p:column style="background-color: #EFF2F9">
                <f:facet name="header">
                    <h:outputText value="SL NO" />
            </f:facet>
                    <h:outputText value="#{rowIndex+1}" />
            </p:column>
            <p:column >
                <f:facet name="header">
                    <h:outputText value="Buss." />
                </f:facet>
                        <h:selectOneMenu id="selectOneCb4" value="#{ReceiptDetailsBean.bussCode}" >
                            <f:selectItem itemLabel="V_BUSS_CODE" itemValue=""/>
                            <f:selectItems value="#{ReceiptDetailsBean.rdetails}" var="model" itemLabel="#{model.buss}" itemValue="#{model.buss}"/>
                             <p:ajax update="table1:#{rowIndex}:receiptCode, table1:#{rowIndex}:referenceType"  actionListener="#{ReceiptDetailsBean.obtainReceiptDatabasedOnBussCode}" event="change"/>  
                        </h:selectOneMenu>
            </p:column>
            <p:column>
                <f:facet name="header">
                    <h:outputText value="Receipt Code" />
                </f:facet>
                    <h:inputText value="#{ReceiptDetailsBean.receiptCode}" id="receiptCode" style="font-family: verdana;font-size: 10px;width:80px;height:15px" onkeypress="return showForhotKey(event,'#{rowIndex}');"/>
            </p:column>
            <p:column>
                <f:facet name="header">
                    <h:outputText value="Ref Type" />
                </f:facet>
                    <h:inputText value="#{ReceiptDetailsBean.receiptType}" id="referenceType" style="font-family: verdana;font-size: 10px;width:80px;height:15px"  onkeypress="return showForhotKey(event,'#{rowIndex}');"/>
            </p:column>
    </p:dataTable>  
        </p:tab>
        <p:tab title="Print">
        </p:tab>

Answer 1

尝试f:ajax而不是p:ajax并重新渲染整个表单以更接近问题源：

<h:selectOneMenu id="selectOneCb4" value="#{ReceiptDetailsBean.bussCode}" >
   <f:selectItem itemLabel="V_BUSS_CODE" itemValue=""/>
   <f:selectItems value="#{ReceiptDetailsBean.rdetails}" var="model" 
                  itemLabel="#{model.buss}" itemValue="#{model.buss}"/>
   <f:ajax render="@form"  
           listener="#{ReceiptDetailsBean.obtainReceiptDatabasedOnBussCode}"/>  
</h:selectOneMenu>

这应该像我回答你上一个问题时所说的那样工作。

Answer 2

dataTables 的部分更新和从 dataTable 中的组件触发的 ajax 更新在 Primefaces 的 2.2 版本中不起作用。 这是一个已知错误，可能已在版本 3 中解决。

您可以尝试的一个建议是为每个 dataTable 使用单个表单，并且仅更新该表单中的元素。