2

我有一个从数据库填充的 DataTable(Primefaces 3.5,JSF 2.0)。在该表的第一列中,显示了复选框(多行选择)。

选择行后,当按下按钮 ( <p:commandButton>) 时,预计将从数据库中删除所选行。

在删除行之前,会显示一条关于删除所选行的确认消息,其中<p:confirmDialog>包含两个按钮,如下所示。

测试.xhtml:

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition template="template/Template.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:c="http://java.sun.com/jsp/jstl/core">

    <ui:define name="title">Test</ui:define>
    <ui:define name="content">

            <h:form id="form">
                <p:dataTable id="dataTable" var="row" value="#{testManagedBean.list}"
                             selection="#{testManagedBean.selectedValues}"
                             rowKey="#{row.id}"
                             rowIndexVar="rowIndex">

                    <p:column selectionMode="multiple" style="width:5%; text-align: center;">
                        <f:facet name="footer">
---------------->           <p:commandButton actionListener="#{testManagedBean.deleteMultipleActionListener}" oncomplete="confirmDeleteMultiple.show()" update=":form:confirmDialogDeleteMultiple" process=":form:dataTable" icon="ui-icon ui-icon-close"/>
                        </f:facet>
                    </p:column>                    

                    <p:column headerText="Index">
                        <h:outputText value="#{rowIndex+1}"/>
                    </p:column>

                    <p:column id="id" headerText="Id">
                        <h:outputText value="#{row.id}"/>
                    </p:column>

                    <p:column id="countryName" headerText="Description">
                        <h:outputText value="#{row.description}"/>                        
                    </p:column>                    
                </p:dataTable>                

---------------><p:confirmDialog id="confirmDialogDeleteMultiple" widgetVar="confirmDeleteMultiple" appendToBody="true" message="Delete row(s)?" showEffect="true" hideEffect="true" header="Deletion of row." severity="alert" closeOnEscape="true" closable="true">
                    <p:commandButton id="confirmDeleteMultiple" value="Yes" oncomplete="confirmDeleteMultiple.hide()" actionListener="#{testManagedBean.deleteMultiple}" process="@this dataTable" update="dataTable"/>
                    <p:commandButton id="declineDeleteMultiple" value="No" onclick="confirmDeleteMultiple.hide()" type="button" />
                </p:confirmDialog>
            </h:form>
        </ui:define>
</ui:composition>

托管bean:

@ManagedBean
@ViewScoped
public final class TestManagedBean implements Serializable
{
    @EJB(mappedName="ejb/JNDI")
    private TestService testService;
    private List<Test> list;
    private List<Test>selectedValues;

    public TestManagedBean(){}

    @PostConstruct
    public void init()
    {
        list=testService.getList();
    }

    public List<Test> getList() {
        return list;
    }

    public List<Test> getSelectedValues() {
        return selectedValues;
    }

    public void setSelectedValues(List<Test> selectedValues) {
        this.selectedValues = selectedValues;
    }

    public void deleteMultipleActionListener(ActionEvent actionEvent)
    {
        //Just show a warning message, when the delete button is pressed.

        for(Test test:selectedValues)
        {
            System.out.println(test.getId()+" : "+test.getDescription());
        }//Displays the list.
    }

    public void deleteMultiple(ActionEvent actionEvent)
    {
        System.out.println("multiple");
        for(Test test:selectedValues)
        {
            System.out.println(test.getId()+" : "+test.getDescription());
        }//The list is not null and empty.
    }
}

当按钮(在 XHTML 中由箭头指示)被按下时,deleteMultipleActionListener()托管 bean 中的方法被调用,它只是显示由所选行填充的列表,然后出现 XHTML 中所示的确认对话框。(这只是为了在删除前显示警告信息。此方法中的循环仅用于演示)。

当按下确认对话框上的Yes按钮时,将deleteMultiple()调用负责实际删除行(actionListionerin <p:commandButton>inside <p:confirmDialog>)的方法,并且应该执行行的删除,但此处检索到的所选行的列表为空(不为 null )。


由于在模板页面上,方法内的结果列表deleteMultiple()为空。<f:view>模板页面如下所示。

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html lang="#{localeBean.language}"
      xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core">

--------->
    <f:view locale="#{localeBean.locale}" encoding="UTF-8" contentType="text/html">
        <f:loadBundle basename="messages.ResourceBundle" var="messages"/>

        <h:head><title><ui:insert name="title">Default Title</ui:insert></title></h:head>

    <h:body>
        <p:layout fullPage="true">
            <p:layoutUnit position="north" size="135" collapsed="false" resizable="false" closable="false" collapsible="false" gutter="6">

                <h:form>
                    <h:selectOneMenu id="languages" value="#{localeBean.language}" onchange="submit();" style="position: absolute; right: 0; top: 50px;">
                        <f:selectItem itemValue="en" itemLabel="English" />
                        <f:selectItem itemValue="hi" itemLabel="Hindi" />
                    </h:selectOneMenu>
                </h:form>
            </p:layoutUnit>

            <p:layoutUnit position="west" id="leftPanel" size="225" header="Menu Item" resizable="false" closable="false" collapsible="true" gutter="6">

            </p:layoutUnit>

            <p:layoutUnit position="center" size="2500" maxSize="2500">
                    <ui:insert name="content">Put default content here, if any.</ui:insert>
                </p:layoutUnit>
            </p:layout>

        </h:body>
    </f:view>
</html>

Test.xhtml当我从上面的页面中删除此模板并在页面本身上使用此<f:view>标记时Test.xhtmldeleteMultiple(),一切正常,并且正确获得了方法内所选行的列表。

那么,出了什么问题?如果模板页面用 括起来,为什么按下是按钮时列表变为空<f:view>?这是错的吗?如何做到这一点?(<f:view>用于应用程序的本地化,可以想象)。

4

1 回答 1

2

当您替换by时,process="@this datatable"您的问题就解决了,这使得仅处理按钮组件。事实上,当您发送删除确认时,您不需要 Ajax 来处理您的数据表,因为自上一步以来删除的值已经存储在 bean 中(这是视图范围的主要好处)。confirmDeleteMultipleprocess="@this"

让您的数据表在您的 Ajax 请求中进行处理会再次调用setSelectedValuessetter,因此原始值将被新的(空)选择覆盖。

于 2013-08-27T18:56:46.737 回答