具有多个p：dataTable的行选择

Question

在以下场景中，我有几个通过ui：repeat标记构建的dataTables迭代，我体验到行侦听器为不在第一个表中的所选元素返回null。

为了理解模型对象，我有几个菜单，每个菜单都包含几个区域。

任何帮助都感激不尽。

下面的xhtml：

<ui:repeat value="#{someBean.menus}" var="menu">                

    <p:dataTable var="area" value="#{menu.areas}"
        rowKey="#{area.id}" selection="#{menu.area}" selectionMode="single">

        <p:ajax event="rowSelect" listener="#{someBean.rowSelected}" />

        <f:facet name="header">#{menu.name}</f:facet>

        <p:column>  
            <f:facet name="header"></f:facet>  
            <h:outputText value="#{area.id}" />  
        </p:column>  

        <p:column>  
            <f:facet name="header">Area name</f:facet>  
            <h:outputText value="#{area.name}" />  
        </p:column>  

    </p:dataTable>

</ui:repeat>

ListDataModel Java实现：

public class Areas extends ListDataModel<Area> implements SelectableDataModel<Area>, Serializable {  

    private static final long serialVersionUID = -9102592194300556930L;

    public Areas() {
    }

    public Areas(List<Area> data) {
        super(data);
    }

    @Override
    public Area getRowData(String rowKey) {
        @SuppressWarnings("unchecked")
        List<Area> areas = (List<Area>)getWrappedData();        
        for (Area area : areas) {
            if (String.valueOf(area.getId()).equals(rowKey)) {
                return area;
            }
        }
        return null;
    }

    @Override
    public Object getRowKey(Area area) {
        return area.getId();
    }

}



public class Menus extends ListDataModel<Menu> implements SelectableDataModel<Menu>, Serializable {  

    private static final long serialVersionUID = -4079772686830676202L;

    public Menus() {
    }

    public Menus(List<Menu> data) {
        super(data);
    }

    @Override
    public Menu getRowData(String rowKey) {
        @SuppressWarnings("unchecked")
        List<Menu> menus = (List<Menu>)getWrappedData();        
        for (Menu menu : menus) {
            if (String.valueOf(menu.getId()).equals(rowKey)) {
                return menu;
            }
        }
        return null;
    }

    @Override
    public Object getRowKey(Menu menu) {
        return menu.getId();
    }

}

...在豆豆中

public void rowSelected(SelectEvent event) {
    Area selectedArea = (Area)event.getObject(); //This, is null for other tables except the first
    System.out.println("SELECTED AREA:" + selectedArea);
    //...
}

Answer 1

我很高兴向您展示解决方案：用另一个p：dataTable替换ui：repeat！

<p:dataTable value="#{someBean.menus}" var="menu">

    <p:column>                  

        <p:dataTable var="area" value="#{menu.areas}"
          rowKey="#{area.id}" selection="#{menu.area}" selectionMode="single">

          <p:ajax event="rowSelect" listener="#{someBean.rowSelected}" />

          <f:facet name="header">#{menu.name}</f:facet>

          <p:column>  
             <f:facet name="header"></f:facet>  
             <h:outputText value="#{area.id}" />  
          </p:column>  

          <p:column>  
             <f:facet name="header">Area name</f:facet>  
             <h:outputText value="#{area.name}" />  
          </p:column>  

       </p:dataTable>

    </column>

</p:dataTable>