Связывание подтаблицы внутри таблицы данных с помощью JSF - PullRequest
Новая
       33

Связывание подтаблицы внутри таблицы данных с помощью JSF

0 голосов
/ 03 января 2012

Мой продукт использует JSF с Primefaces 2.2.Что мне нужно, это обработать подкатегорию внутри другого.Код выглядит следующим образом. 

<h:form>
<p:dataTable id="myInvoiceTable"
    value="#{globalBean.invoices}" var="invoice">

    <p:column>
      <f:facet name="header">
        <h:outputText value="Bill ID" />
      </f:facet>
      <h:outputText value="#{invoice.billId}" />
    </p:column>

    <p:column>
      <f:facet name="header">
        <h:outputText value="Item" />
      </f:facet>
      <h:outputText value="#{invoice.item}" />
    </p:column>

    <p:rowExpansion>

      <h:selectOneMenu id="reasons" value="#{invoiceAction.reason}">
         <f:selectItem itemLabel="Reason 1" itemValue="Reason 1"></f:selectItem>
         <f:selectItem itemLabel="Reason 2" itemValue="Reason 2"></f:selectItem>
      </h:selectOneMenu>

      <p:inputText id="activity_amount" value="#{invoiceAction.activity_amount}"/>

      <p:commandButton value="PROCESS" action="invoice_process" update="actions_table">
      </p:commandButton>

      <p:dataTable id="actions_table" value="#{invoice.actions}" var="invAction">

         <p:column>
            <h:outputText value="#{invAction.reason}" />
         </p:column>

         <p:column>             
            <h:outputText value="#{invAction.activity_amount}" />
         </p:column>

      </p:dataTable>

    </p:rowExpansion>

</p:dataTable>

Вот мой бин. 

public class Invoice {
    private int billId;
    private String item;
    private List<InvoiceAction> actions;

    // Getter & setter here
}

public class InvoiceAction {
    private String reason;
    private double activity_amount;
    private int billId;

    // Getter & setter here;
}

Но когда генерируется HTML-код, он не обрабатывается должным образомТолько меню выбора в последнем ряду данных может получать данные, выбранные пользователем, другие не могут.Поскольку все меню выбора во всех строках используют один и тот же объект (# {invoiceAction}), а компонент просто получает значение последнего компонента на странице.Я знал причину, но не знаю, как ее решить.Как разрешить им подавать в указанной строке?

1 Ответ

1 голос
/ 03 января 2012

Прежде всего, я думаю, что ваши Invoice и InvoiceAction классы выглядят так же, как обычные объекты Java.Я чувствую, что они не должны быть Управляемым компонентом.

Кроме того, вы правы, что ваш #{invoiceAction} неправильно привязан к одному из действий в List<InvoiceAction> actions.Поскольку вы используете вложенный <p:dataTable>, я думаю, что вы можете воспользоваться <p:cellEditor>.Это было бы что-то вроде этого: 

<p:rowExpansion>
   <p:dataTable id="actions_table" value="#{invoice.actions}" var="invAction">

      <p:column>
         <p:cellEditor>  
            <f:facet name="output">  
               <h:outputText value="#{invAction.reason}" />   
            </f:facet>  
            <f:facet name="input">  
               <h:selectOneMenu id="reasons" value="#{invoiceAction.reason}">
                  <f:selectItem itemLabel="Reason 1" itemValue="Reason 1" />
                  <f:selectItem itemLabel="Reason 2" itemValue="Reason 2" />
               </h:selectOneMenu>
            </f:facet>  
         </p:cellEditor>
      </p:column>

      <p:column>
         <p:cellEditor>  
            <f:facet name="output">  
               <h:outputText value="#{invAction.activity_amount}" />   
            </f:facet>  
            <f:facet name="input">  
               <p:inputText id="activity_amount" value="#{invoiceAction.activity_amount}" />
            </f:facet>  
         </p:cellEditor>
      </p:column>

   </p:dataTable>

   <p:commandButton value="PROCESS" action="invoice_process" update="actions_table" />
</p:rowExpansion>
...