2013-03-29 68 views
0

我需要在每個JSF dataTable行中添加「+」圖標。點擊該圖標後,行應展開以顯示該行中關於對象的關聯詳細信息。我需要知道的是,JSF中是否已經存在這種性質的東西?如何在JSF數據表中添加行詳細信息?

我試圖完成這樣的事情: http://www.datatables.net/examples/api/row_details.html

請讓我知道,有沒有人有一個關於它的想法。僅供參考,截至目前,我正在使用來自tomahawk的數據表。

在此先感謝。

回答

0

我已經完成了這個使用varDetailToggler的T:dataTable的,因爲戰斧已經是項目的一部分,然後使用detailStamp方面指定要顯示爲行詳細信息的組件。代碼看起來像這樣:

<t:dataTable var="node" 
    border="1" 
    value="#{tableDataModel}" 
    varDetailToggler="detailToggler"> 
    <t:column > 
     <h:commandLink rendered="#{detailToggler.currentDetailExpanded}" action="#{detailToggler.toggleDetail}"> 
      <h:graphicImage value="/images/minus.png" style="border:0" /> 
     </h:commandLink> 
     <h:commandLink rendered="#{!detailToggler.currentDetailExpanded}" action="#{detailToggler.toggleDetail}"> 
      <h:graphicImage value="/images/plus.png" style="border:0" /> 
     </h:commandLink> 
    </t:column> 
    <t:column > 
    .... 
    </t:column> 
    <t:column > 
    .... 
    </t:column> 
    <f:facet name="detailStamp"> 
       <h:outputText value="Row details here...Can be any component"/> 
    </f:facet> 
</t:dataTable> 
2

你可以去PrimeFaces各種組件,

至於你當前需要檢查this example

+0

謝謝Jitesh。不幸的是,我不想爲一個組件添加新的庫。我已經在使用richfaces和tomahawk的組件。 –

+1

我發現BalusC的回覆似乎值得一試。 http://stackoverflow.com/questions/2133985/expand-collapse-of-table-rows-in-datatable-jsf –

+0

@AmitGupta RichFaces已經使用['']處理這個問題(http:// showcase .richfaces.org/richfaces/component-sample.jsf?demo = subTableToggleControl) –

相關問題