2014-01-08 91 views
0

我使用orderList類似於Showcase中顯示的那個。爲了讓用戶更清楚他們可以瀏覽/排列列表,我想要預先選擇列表中的第一項。不幸的是,我找不到有關如何做到這一點的建議,或者如果有可能的話。任何幫助將不勝感激。Primefaces我可以預先選擇orderList的第一個項目嗎?

謝謝!

+0

好吧,如果通過預選你指的是第一項突出顯示,你可以用它JS/CSS,包括在第一項的UI狀態高亮類來完成。 – Pellizon

回答

0

我的解決方案:

您必須使用Jquery,因爲orderList不支持選擇。

1)一個styleClass添加到您的orderList,在我的情況:orderList

<p:orderList value="#{usuarioBean.roles}" 
converter="omnifaces.SelectItemsConverter" var="r" 
itemLabel="#{r.descripcion}" itemValue="#{r}" styleClass="orderList"> 

    <p:column> 
      #{r.descripcion} 
    </p:column> 
</p:orderList> 

2)定義jQuery函數:

function selectFirst(){ 
     jQuery('.orderList tr:first-child td:nth-child(2) .ui-orderlist-list li:first-child').addClass('ui-state-highlight'); 
    } 

3)如果在開始頁面調用selectFirst()你orderList在頁面中或當orderList在對話框中時打開對話框。

在測試了Primefaces 4.0,Java 7的

相關問題