使用可编辑数据表中的日历组件编辑日期字段时,我遇到了一个奇怪的错误。为了解释,我需要给你看一些图片。
首先,这是我正在使用的实际页面:
现在,让我们将列表中的日期 1 更改为 2 月 13 日,然后单击“确定”。
如您所见,表格发生了变化,但该行采用了另一行的数据。
除了在 GUI 中,更新就很好了,如果我们重新加载页面,数据库中的日期已经更新。这是页面刷新后表格的样子:
我已经把代码从里到外翻了一遍,试图解决这个错误,我开始怀疑这是否是 PrimeFaces 本身的错误。我已经逐步完成了整个工作流程并得出结论,支持 ArrayList 始终具有正确的值。我在想这可能与我在从数据库中获取列表和使用 DataTable 的 sortBy 属性时对列表进行排序有关。然而,在禁用两者之后,该错误继续表现出来。
这是我的页面代码。谁能看到我做错了什么?如果是这样,你就是我的英雄 =)
<ui:composition template="/WEB-INF/standard-page-template.xhtml">
<ui:define name="title">Change Dates</ui:define>
<ui:define name="content">
<p:panel header="Change dates" style="width:760px">
<h:form>
<p:panel>
Just the search stuff here...
</p:panel>
<p:panel header="Search">
<h:panelGrid columns="1">
<p:dataTable id="listDatesTable" value="#{view.dateWrappers}" var="wrapper"
rowIndexVar="index" editable="true"
emptyMessage="Search for an ID above">
<p:ajax event="rowEdit" listener="#{changePublishDateView.changeDate}"/>
<p:column headerText="Dragning" width="90">
<h:outputText value="#{wrapper.id}"/>
</p:column>
<p:column headerText="Beskrivning" width="180">
<h:outputText value="#{wrapper.description}"/>
</p:column>
<p:column headerText="Distribution" width="100">
<h:outputText value="#{wrapper.id2}"/>
</p:column>
<p:column headerText="Publiceringstid" width="170" styleClass="#{view.duplicateDateInRow(wrapper)}">
<p:cellEditor>
<f:facet name="output">
<h:outputText value="#{wrapper.newhDate}">
<f:convertDateTime pattern="yyyy-MM-dd HH:mm"/>
</h:outputText>
</f:facet>
<f:facet name="input">
<p:calendar
mindate="#{view.minDate}" stepMinute="30" minHour="8" maxHour="22"
pattern="yyyy-MM-dd HH:mm" value="#{wrapper.newDate}"/>
</f:facet>
</p:cellEditor>
</p:column>
<p:column width="50">
<p:rowEditor/>
</p:column>
</p:dataTable>
</h:panelGrid>
</p:panel>
</h:form>
</p:panel>
</ui:define>