2013-06-04 13 views
0

下面是我嘗試實現的佈局的快照。使用RadioButton在PrimeFaces中展開Accordion Panel單擊

我有兩個問題/問題在這裏:

  1. 眼下,在頁面加載的所有開放的手風琴面板。我希望它最初處於關閉狀態(如選項1)。

  2. 單擊選項卡旁邊的單選按鈕,選項卡應該展開。如果我點擊另一個單選按鈕,與單選按鈕關聯的新選項卡應該展開,另一個應該關閉。

enter image description here

我們如何做到這一點?

我沒有看到任何切換功能或與PrimeFaces手風琴相關的任何東西。只有widgetVar.show()函數,但它沒有幫助我。

+0

據www.primefaces.org/showcase/ui/accordionPanel.jsf,手風琴得到第一個選項卡上加載打開。您可以通過代碼在JavaScript中關閉:$('#accordian a [tabIndex = -1]:first')。click();'對於第2點:js代碼:'$('input [type = checkbox]' ).onChange(function(){if($(this).val()){找到直接的錨點標籤並點擊它}})''可以很有用。 –

回答

1

首先關閉accordion面板選項卡,嘗試將activeIndex設置爲-1(或任何與現有面板不對應的值)。我還沒有和手風琴面板多個標籤測試這一點,但它應該工作:

<p:accordionPanel activeIndex="-1">