primefaces动态嵌套数据表

时间:2014-04-30 14:32:09

标签: jsf checkbox primefaces datatable

使用primefaces,我制作了一个多部分框,有几个部分可供选择。单击提交按钮后,所选分区应列在子表中具有相关项的数据表中。可能有0到n个项目应该在子表格中显示。

division1 - > item1,item2 division2 - > item3,item4,item5

网页的第一印象看起来很好。当我只选择一个分区并按提交时,将显示拟合项目。但是当我想显示其他项目时,它们会被覆盖。例如当我选择division2时,它将显示项目item1,item2和item5。

我怎样才能使每次都能正确装入物品? 我还将子表更改为嵌套数据表,但行为是相同的。

我的版本是4.0版

以下是我的代码:

division_list.xhtml:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces.org/ui">
<h:head>
    <title>Gruppenverwaltung</title>
</h:head>
<h:body>
    <f:view>
        <h:form id="myForm">
            <h2>
                <h:outputText value="Division List" />
            </h2>
            <h:outputText value="Grid: " />
            <p:selectOneRadio id="grid" value="#{divisionController.selectedDivisions}" layout="grid" columns="3"
                converter="DivisionConverter">
                <f:selectItems value="#{divisionController.divisions}" />
            </p:selectOneRadio>
            <p:commandButton value="Submit" update=":myForm" />
            <p:dataTable id="dtDivisions" value="#{divisionController.selectedDivisions}" var="division">
                <p:subTable id="stItems" var="item" value="#{division.items}">><f:facet name="header">
                        <h:outputText value="#{division.name}" />
                    </f:facet>
                    <p:column>
                        <h:inputText value="#{item.name}" />
                    </p:column>
                    <p:column>
                        <p:commandButton icon="ui-icon-disk" action="#{divisionController.doUpdateItem(item)}" />
                        <p:commandButton icon="ui-icon-trash" oncomplete="confirm.show()">
                            <f:setPropertyActionListener target="#{divisionController.selectedItem}" value="#{item}" />
                        </p:commandButton>
                    </p:column>
                </p:subTable>
            </p:dataTable>
        </h:form>
        <p:confirmDialog message="Gewählter Eintrag löschen?" widgetVar="confirm"> --><h:form
                id="formDialog">
                <p:commandButton value="Yes" action="#{divisionController.doDeleteItem}"
                    styleClass="ui-confirmdialog-yes" icon="ui-icon-check" oncomplete="confirmation.hide()" />
                <p:commandButton value="No" type="button" onclick="confirm.hide()" styleClass="ui-confirmdialog-no"
                    icon="ui-icon-close" />
            </h:form>
        </p:confirmDialog>
    </f:view>
</h:body>
</html>

DivisonController.java:

...
@ManagedBean
@ViewScoped
public class DivisionController implements Serializable {
...
   private List<DivisionDto>    divisions;

   private List<DivisionDto>    selectedDivisions;
...
   @PostConstruct
   public void init() throws MappingTOException {

   ....
      if (divisions == null) {
         divisions = club.getDivisions();
      }
   }
...

DivisionDto.java

...
public class DivisionDto {

   ....
   private List<ItemDto> items;
   private String        name;
...

ItemDto.java ... 公共类ItemDto { ...    私人部门司;

私人字符串名称; ...

DivisionConverter.java

@FacesConverter(value = "DivisionConverter")
public class DivisionConverter implements Converter {

   private static Map<String, DivisionDto> divisionCache = new HashMap<String, DivisionDto>();

   @Override
   public Object getAsObject(FacesContext context, UIComponent component, String value) {

      DivisionDto val = divisionCache.get(value);
      if (val == null) {
         val = new DivisionDto();
         val.setName(value);
      }
      return val;
   }

   @Override
   public String getAsString(FacesContext context, UIComponent component, Object value) {

      if (value instanceof DivisionDto) {
         DivisionDto division = (DivisionDto) value;
         divisionCache.put(division.getName(), division);
         return division.getName();
      } else {
         return "";
      }
   }

}

我真的很感激任何帮助。

1 个答案:

答案 0 :(得分:0)

我通过数据表中的数据表解决了问题,并在第一个数据表上放置了一个过滤器。现在它按预期工作。