我需要在每個JSF dataTable行中添加「+」圖標。點擊該圖標後,行應展開以顯示該行中關於對象的關聯詳細信息。我需要知道的是,JSF中是否已經存在這種性質的東西?如何在JSF數據表中添加行詳細信息?
我試圖完成這樣的事情: http://www.datatables.net/examples/api/row_details.html
請讓我知道,有沒有人有一個關於它的想法。僅供參考,截至目前,我正在使用來自tomahawk的數據表。
在此先感謝。
我需要在每個JSF dataTable行中添加「+」圖標。點擊該圖標後,行應展開以顯示該行中關於對象的關聯詳細信息。我需要知道的是,JSF中是否已經存在這種性質的東西?如何在JSF數據表中添加行詳細信息?
我試圖完成這樣的事情: http://www.datatables.net/examples/api/row_details.html
請讓我知道,有沒有人有一個關於它的想法。僅供參考,截至目前,我正在使用來自tomahawk的數據表。
在此先感謝。
我已經完成了這個使用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>
你可以去PrimeFaces各種組件,
至於你當前需要檢查this example
謝謝Jitesh。不幸的是,我不想爲一個組件添加新的庫。我已經在使用richfaces和tomahawk的組件。 –
我發現BalusC的回覆似乎值得一試。 http://stackoverflow.com/questions/2133985/expand-collapse-of-table-rows-in-datatable-jsf –
@AmitGupta RichFaces已經使用['']處理這個問題(http:// showcase .richfaces.org/richfaces/component-sample.jsf?demo = subTableToggleControl) –