開始<p：selectCheckboxMenu>展開？

Question

我覺得這是一個簡單的問題，但我的所有使用Google和閱讀都沒有提供答案。這就是說，我對JSF（PF）還是很新的。

不管怎麼說，我使用從PrimeFaces的SelectCheckboxMenu分量，想知道我可以啓動它「擴大」或「打開」，而無需點擊打開它。

這是正常的外觀時，最初呈現：

這是我怎麼想它看起來在最初呈現，而無需使用鼠標點擊來展開：

Answer 1

一個簡單的方法，可以做到這內：

<style> 
    .start-expended.ui-selectcheckboxmenu-panel 
    { 
     display: block; 
    } 
</style> 

<p:selectCheckboxMenu panelStyleClass="start-expended" label="Test"> 
    <f:selectItem itemLabel="test" itemValue="test" /> 
</p:selectCheckboxMenu> 

注意，只是作爲一個與衆不同的選擇的情況下，你有很多的組件和只想顯示特定的人的panelStyleClass屬性打開。

Answer 2

您可以在頁面加載時使用jquery（它已經在primefaces中）。您可以使用下面的代碼來顯示所有的selectcheckbox菜單面板，或者您可以用$（'＃WHATEVERTHEELEMENTIDIS'）替換$（「。ui-selectcheckboxmenu-panel」） - WHATEVERTHEELEMENTIDIS是面板的完整ID該組件

<script> 
$(document).ready(function(){ 
    $(".ui-selectcheckboxmenu-panel").show(); 

    }); 
</script> 

Answer 3

你可以定義一個widgetVar到你的p：selectCheckBoxMenu並調用show（）;

和另一個地方，呼叫

xisWidget.show（）;