Datatable에서 필터를 사용하는 동적 계산

Question

Primefaces dataTable을 필터링하거나 페이지 매김 할 때 dataSet 값의 합계를 동적으로 업데이트하려고합니다.

은 JSF

<p:columnGroup type="footer"> 
    <p:row> 
    <p:column colspan="6" footerText="Grand Total:" style="text-align:right"/> 
     <p:column colspan="7"> 
     <f:facet name="footer"> 
      <h:outputText value="#{purchaseOrderController.soma}"> 
      <f:convertNumber pattern="###,###" locale="pl_PL"/> 
      </h:outputText> 
     </f:facet> 
    </p:column> 
    </p:row> 
</p:columnGroup> 

방법 소마 :

http://datatables.net/examples/advanced_init/footer_callback.html이 문제에 대한 내 주요 코드 아래 참조 :

다음의 jQuery 예 정확히 행동이 내가 원하는 보여줍니다

private float soma; 

public float getSoma() { 
    for (PurchaseOrder p : getItems()) { 
     soma += p.getShippingCost().floatValue(); 
    } 
    return soma; 
} 

누군가 나를 도울 수 있습니까?

미리 감사드립니다.

업데이트 코드

빈 (bean) :

@Named(value = "purchaseOrderController") 
@ViewScoped 
public class PurchaseOrderController extends AbstractController<PurchaseOrder> implements Serializable { 

private float soma = 0; 
private float somaFiltered = 0; 
private List<PurchaseOrder> filteredPurchaseOrder; 

public List<PurchaseOrder> getFilteredPurchaseOrder() { 
    return filteredPurchaseOrder; 
} 

public void setFilteredPurchaseOrder(List<PurchaseOrder> filteredPurchaseOrder) { 
    this.filteredPurchaseOrder = filteredPurchaseOrder; 
} 

//return the sum for the FILTERED list - using this method, get a NullPointerException (the filtered list is null) 
public float getSomaFiltered() { 
    for (PurchaseOrder p : filteredPurchaseOrder) { 
      somaFiltered += p.getQuantity() * p.getShippingCost().floatValue(); 
    } 
    return somaFiltered; 
} 

//return the sum for the ENTIRE list - using this method it's ok 
public float getSoma() { 
    for (PurchaseOrder p : getItems()) { 
     soma += p.getQuantity() * p.getShippingCost().floatValue(); 
    } 
    return soma; 
    } 

@Inject 
private PurchaseOrderFacade ejbFacade; 

public PurchaseOrderController() { 
    super(PurchaseOrder.class); 
} 

} 

은 JSF (ommited 일부 열) :

<h:form id="PurchaseOrderListForm"> 
    <p:panel header="#{appBundle.ListPurchaseOrderTitle}"> 
    <p:dataTable id="datalist" var="item" value="#{purchaseOrderController.items}" 
        filteredValue="#{purchaseOrderController.filteredPurchaseOrder}" 
        selectionMode="single" selection="#{purchaseOrderController.selected}" 
        rowKey="#{item.orderNum}" 
        paginator="true" 
        rows="10" 
        rowsPerPageTemplate="10,20,30" 
        > 

     <p:ajax event="rowSelect" update="createButton viewButton editButton deleteButton"/> 
     <p:ajax event="rowUnselect" update="createButton viewButton editButton deleteButton"/> 
     <p:ajax event="filter" listener="#{purchaseOrderController.filteredPurchaseOrder}" update="partialSoma" /> 

     <p:column sortBy="#{item.quantity}" filterBy="#{item.quantity}"> 
      <f:facet name="header"> 
       <h:outputText value="#{appBundle.ListPurchaseOrderTitle_quantity}"/> 
      </f:facet> 
      <h:outputText value="#{item.quantity}"/> 
     </p:column> 
     <p:column sortBy="#{item.shippingCost}" filterBy="#{item.shippingCost}"> 
      <f:facet name="header"> 
       <h:outputText value="#{appBundle.ListPurchaseOrderTitle_shippingCost}"/> 
      </f:facet> 
      <h:outputText value="#{item.shippingCost}"/> 
     </p:column> 
     <p:columnGroup type="footer"> 
      <p:row> 
       <p:column colspan="6" footerText="Grand Total:" style="text-align:right"/> 
        <p:column colspan="7"> 
         <f:facet name="footer"> 
          <h:outputText id="partialSoma" value="#{purchaseOrderController.somaFiltered}"> 
          </h:outputText> 
         </f:facet> 
        </p:column> 
       </p:row> 
      </p:columnGroup> 
     </p:dataTable> 
    </p:panel> 
</h:form> 

Answer 1

내 지각에 대한 미안하지만 사실 내 일에는 많은 시간이 없습니다. 어제 오후에 작은 작업 예제를 만들었습니다. 사실 AJAX (cfr : http://forum.primefaces.org/viewtopic.php?f=3&t=15658)로 바닥 글을 업데이트하는 데 몇 가지 문제가 발생했지만 <p:remoteCommand /> 해결 방법으로 작업하고 있습니다.

당신은 JSF 인 Mojarra 2.2.0m12 및 JDK 1.7

Answer 2

난 당신이 AJAX는 PF 데이터 테이블 필터링을 부르는 정의 할 수 있다고 생각하고/또는 페이징. 당신의 updateSum() 방법에서

<p:dataTable value="#{myBackingBean.values}" var="row" filteredValue="#{myBackingBean.filteredValues}" > 
    <p:ajax event="filter" listener="#{myBackingBean.updateSum}" update="componentToUpdate" /> 
    ... 
</p:dataTable> 

, 당신은 filteredValues를 통해 사업을 할 수 수집을 걸어 갈 수 있습니다.

당신은 데이터 테이블 안에 업데이트 구성 요소를 대상으로 몇 가지 어려움이있을 수 있지만, 이것은 당신을styleClass = "footerToUpdate"같은 것을 추가하고 = "@업데이트 (과 업데이트에를 사용하여 해결할 수 있습니다. footerToUpdate) "