繁体   English   中英

PrimeFaces,数据表过滤问题+ Ajax表更新

[英]PrimeFaces, Issues with Datatable Filtering + Ajax table update

我正在使用PF 3.5社区版,并且遇到以下问题。

我已经构造了一个数据表,该数据表将过滤器用于一列和可选行以及上下文菜单。

当我使用AJAX插入新条目(通过对话框)并更新数据表时,这似乎会产生某种冲突。 第一次插入始终有效,因为随后的插入似乎从未调用动作侦听器。 我用的是courseTable.filter(); 到处都有,但问题仍然存在。 我尝试对具有过滤器和不可选择的行的数据表以及没有过滤器和可选择的行的数据表执行相同的操作。 两种情况都可以,但是组合存在问题。

<h:form id="mainForm">
        <p:focus />

        <!-- Main Data-table  -->
        <h:panelGrid style="width:700px;">

            <p:dataTable var="c" id="courseTable" widgetVar="courseTable"
                value="#{course.courseList}" rowKey="#{c.courseId}"
                selectionMode="single"
                filteredValue="#{course.filteredCourseList}">

                <p:ajax event="filter" global="false" />

                <f:facet name="header">
                    <p:commandButton value="Add Course" process="@this"
                        update="@this :courseForm" oncomplete="dlgInsertCourse.show()"/>
                </f:facet>

                <p:column id="courseCode" filterBy="#{c.courseCode}"
                    sortBy="#{c.courseCode}" filterMatchMode="contains"
                    headerText="Course Code">
                    <h:outputText value="#{c.courseCode}" />
                </p:column>

                <p:column id="courseName" filterBy="#{c.courseName}"
                    sortBy="#{c.courseName}"filterMatchMode="contains"
                    headerText="Course Name">
                    <h:outputText value="#{c.courseName}" />
                </p:column>

                <p:column id="courseType" filterBy="#{c.courseType}"
                    sortBy="#{c.courseType}"
                    filterOptions="#{course.courseTypeOptions}" 
                    headerText="Course Type" filterMatchMode="exact">
                    <h:outputText value="#{c.courseType}" />
                </p:column> 
            </p:dataTable>

        </h:panelGrid>

        <!-- Context Menu -->
        <p:contextMenu for="courseTable">

            <p:menuitem value="Edit" icon="ui-icon-pencil"
                update=":courseForm"
                oncomplete="dlgInsertCourse.show()"/>

                <p:menuitem value="Delete" icon="ui-icon-trash" update="@form"
                oncomplete="courseTable.filter();" />
        </p:contextMenu>
    </h:form>

    <!-- Insert Course Dialog  -->
    <p:dialog header="Create" widgetVar="dlgInsertCourse"
        draggable="true" resizable="false">
        <h:form id="courseForm">
            <p:panelGrid columns="1">

                <p:row>
                    <p:panelGrid columns="2">

                        <p:outputLabel value="Course Code: *"/>
                        <p:inputText label="Course Code"
                            value="#{course.course.courseCode}" />

                        <p:outputLabel value="Course Name: *"  />
                        <p:inputText label="CourseName"
                            value="#{course.course.courseName}" />

                        <p:outputLabel value="Course Type: *"  />
                        <p:selectOneRadio label="Course Type"
                            value="#{course.course.courseType}">
                            <f:selectItem itemLabel="Core" itemValue="Core" />
                            <f:selectItem itemLabel="Elective" itemValue="Elective" />
                        </p:selectOneRadio>

                    </p:panelGrid>
                </p:row>

            </p:panelGrid>

            <h:panelGroup style="display:block; text-align:center">
                <p:commandButton value="Submit" update="@form :mainForm :messages"
                    process="@form" 
                    oncomplete="if (!args.validationFailed) dlgInsertCourse.hide();"
                    actionListener="#{course.saveCourse()}"
                    />
            </h:panelGroup>
        </h:form>
    </p:dialog>

更详细地:

  1. 在数据表中添加完之后,如果没有应用过滤器,现在可以正常添加课程了
  2. 我还没有使用courseTable.filter(); 在提交对话框上。 如果我使用它,即使没有应用过滤器也无法添加课程
  3. 删除似乎可以与我尝试的任何设置完美配合(使用已应用的过滤器和未应用)。

找到解决方案。

似乎在后备bean中使用了另一个对象来存储数据表选择,而对于“插入课程对话框”使用了另一个对象解决了该问题。

在我的情况下,我都使用#{course.course} 现在,我添加了一个#{course.selectedCourse}来处理数据表。

当然,后备bean应该相应地更新。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM