JSF PrimeFaces/Ajax渲染爲Datable無法將項目添加到列表中

Question

我正嘗試使用'panelGrid'中的表單來呈現dataTable中的值使用<f:ajax>。但是，使用<h:commandButton>提交時，發送的值不會顯示在dataTable中。我沒有在瀏覽器中獲得堆棧或任何控制檯錯誤。

這是我的XHTML（簡體）：

產品目錄：

<p:tabView id="tabView" style="width: 65%" > 
      <p:tab id="books" title="Books"> 
       <p:dataGrid var="book" value="#{saleBean.productList}" columns="3" 
          rows="9" paginator="true" paginatorTemplate="{CurrentPageReport} 
          {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} 
          {LastPageLink} {RowsPerPageDropdown}" 
          rowsPerPageTemplate="3,6,9"> 
        <h:form id="product" > 
        <p:panel header="#{book.name}" style="text-align: center"> 


          <h:panelGrid columns="1" style="width: 65%"> 

           <!-- Add Book Images here --> 
           <h:outputText value="#{book.price}"/> 

           <h:outputLabel value="Dct (in dollars): " /> 
           <h:inputText id="discount" value="#{saleBean.item.unit_discount}" style="width: 50%" /> 

           <p:commandButton value="Add to Cart" update=":dataTableForm:sc" 
               action="#{saleBean.doAddItem}"/> 


          </h:panelGrid> 


        </p:panel> 
        </h:form>   
       </p:dataGrid> 
      </p:tab> 

      <p:tab id="arts" title="Art/Various"> 
       <!-- Art Products to be added here --> 
      </p:tab> 

      <p:tab id="other" title="Other"> 
       <!-- Various Products to be Added here --> 
      </p:tab> 

    </p:tabView> 


    <hr/>   
    <h1>Shopping Cart</h1> 
    <hr/> 

    <h:form id="dataTableForm"> 
    <p:dataTable id="sc" value="#{saleBean.sd}" var="item" style="width: 60%"> 

     <p:column> 
      <f:facet name="header"> 
       <h:outputText value="Product"/> 
      </f:facet> 
      <h:outputText value="#{item.product_fk}"/> 
     </p:column> 
     <p:column> 
      <f:facet name="header"> 
       <h:outputText value="Quantity"/> 
      </f:facet> 
      <h:outputText value="#{item.quantity}"/> 
     </p:column> 
     <p:column> 
      <f:facet name="header"> 
       <h:outputText value="Unit Price"/> 
      </f:facet> 
      <h:outputText value="#{item.unit_Cost}"/> 
     </p:column> 
     <p:column> 
      <f:facet name="header"> 
       <h:outputText value="Unit Discount"/> 
      </f:facet> 
      <h:outputText value="#{item.unit_discount}"/> 
     </p:column> 

    </p:dataTable> 
    </h:form> 

</h:body> 

這豆（簡體）：

public String doAddItem() 
    { 
     item.setUnit_Cost(product.getPrice());   
     item.setProduct_fk(product); 
     item.setQuantity(1); 
     sd.add(item); 

     return "productCatalog"; 
    } 

Answer 1

儘量只使用PF組件時，你可以例如p：datatable。用p：commandButton替換按鈕，並使用進程和更新來代替f：ajax。

也可能會更好地在表單中包含p：datatable。

Answer 2

根據PrimeFaces文檔：

http://www.primefaces.org/docs/vdl/3.4/primefaces-p/commandButton.html

你actionListener="#{saleBean.doAddItem}"必須使用對應於一個功能：

public void doAddItem(ActionListener event) 
{ 
    // do your stuff 
} 

在這裏使用的動作是一個例子：

action="#{saleBean.doAddItem}" 

public String doAddItem(void) 
{ 

    item.setUnit_Cost(product.getPrice());   
    item.setProduct_fk(product); 
    item.setQuantity(1); 
    sd.add(item); 

    return "productCatalog"; 
}