数据表行选择不起作用答案

【问题标题】：DataTable row Selection not working数据表行选择不起作用
【发布时间】：2013-09-02 03:51:31
【问题描述】：

我有一个数据表

<p:dataTable id="db"
    value="#{notificationBox.notificationsList}"
    var="notificationForm" 
    rows="15"
    emptyMessage="${msgs.getMessage('table.empty.message')}"
    paginator="true" 
    paginatorPosition="bottom"
    rowKey="#{notificationForm}"
    selection="#{notificationBox.notification}" 
    paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} ( ${notificationBox.notificationsList.size()} ${msgs.getMessage('table.records')} )"
    selectionMode="single" 
    tableStyle="height:430px">

    //Rest of the code

这里如果我选择任何行，我将进行 ajax 调用（与 primefaces 即时行选择示例相同）。 Ajax 在 Datatable 中。

<p:ajax event="rowSelect" listener="#{notificationBox.onRowSelect}"   
    oncomplete="carDialog.show();" />

我的 Backing Bean 类 -

private List<NotificationForm> notificationsList;
public NotificationForm notification;
public void onRowSelect(SelectEvent event) {
    LOGGER.info("Here. +"+notification);
}

//Setter and Getters.

问题是如果我选择任何行，“通知”将变为空。我无法进一步处理。请帮忙。也欢迎任何替代方法。

编辑：-

我的托管 Bean 范围 -

<managed-bean>
    <managed-bean-name>notificationBox</managed-bean-name>
    <managed-bean-class>com.comviva.workflow.ui.notification.NotificationBox</managed-bean-class>
    <managed-bean-scope>view</managed-bean-scope>
    <managed-property>
        <property-name>notificationDao</property-name>
        <value>#{notificationDaoService}</value>
    </managed-property>
    <managed-property>
        <property-name>userInfoDao</property-name>
        <value>#{userInfoDaoProxy}</value>
    </managed-property>
</managed-bean>

【问题讨论】：

托管 bean 的范围是什么？
你的rowKey 很奇怪。 PrimeFaces 吃那个吗？它是否实现了equals/hashcode？我从来没有这样尝试过，但我更希望在这里看到#{entity.id}。
@LuiggiMendoza，它在视图范围内。我已经更新了详细信息。
@BalusC，我现在已将其编辑为 rowKey="#notificationForm.notificationId}"。但我仍然是空的。

标签： jsf jsf-2 primefaces

【解决方案1】：

您的p:dataTable 是否包含在h:form 标记中？这实际上对我有用：

通知框 (@ViewScoped)

package com.mycompany;

import java.util.Arrays;
import java.util.List;

import javax.faces.bean.ManagedBean;
import javax.faces.bean.ViewScoped;

import org.primefaces.event.SelectEvent;

@ManagedBean
@ViewScoped
public class NotificationBox {

    public class NotificationForm {

        Integer notificationId;

        String name;

        public NotificationForm(Integer id, String nam) {
            notificationId = id;
            name = nam;
        }

        public String getName() {
            return name;
        }

        public Integer getNotificationId() {
            return notificationId;
        }

        @Override
        public String toString() {
            return "NotificationForm [notificationId=" + notificationId
                    + ", name=" + name + "]";
        }
    }

    private List<NotificationForm> notificationsList;

    public NotificationForm notification;

    public NotificationBox() {
        notificationsList = Arrays.asList(new NotificationForm(1, "Form1"),
                new NotificationForm(2, "Form2"));
    }

    public NotificationForm getNotification() {
        return notification;
    }

    public List<NotificationForm> getNotificationsList() {
        return notificationsList;
    }

    public void onRowSelect(SelectEvent event) {
        System.out.println(event.getObject());
    }

    public void setNotification(NotificationForm notification) {
        this.notification = notification;
    }

}

index.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">

<html 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">

<h:head>
</h:head>

<h:body>

    <h:form>
        <p:dataTable id="db" value="#{notificationBox.notificationsList}"
            var="notificationForm" rows="15"
            emptyMessage="${msgs.getMessage('table.empty.message')}"
            paginator="true" paginatorPosition="bottom"
            rowKey="#{notificationForm.notificationId}"
            selection="#{notificationBox.notification}"
            paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} ( ${notificationBox.notificationsList.size()} ${msgs.getMessage('table.records')} )"
            selectionMode="single" tableStyle="height:430px">

            <p:ajax event="rowSelect" listener="#{notificationBox.onRowSelect}" />

            <p:column>
        #{notificationForm.name}
        </p:column>
        </p:dataTable>
    </h:form>
</h:body>
</html>

【讨论】：

还有一个带有（至少）PrimeFaces 6.2 的issue，它在单击复选框（而不是行中的某处）进行行选择时阻止了该事件。

【解决方案2】：

如果您的 xhtml 页面导入 jquery 库，也会出现同样的问题。我删除了它，选择成功了。

【讨论】：