0

使用可编辑数据表中的日历组件编辑日期字段时,我遇到了一个奇怪的错误。为了解释,我需要给你看一些图片。

首先,这是我正在使用的实际页面:

基本图形用户界面

现在,让我们将列表中的日期 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>

4

1 回答 1

0

事实证明,这个错误是由于各个行中的数据大部分相同。

解决方案:在数据表上设置 rowKey 属性,设置为日期字段。现在无论有没有排序,它都可以正常工作。

http://www.developer.am/primefaces/?page=RowKey

于 2013-01-30T08:56:18.283 回答