jsf - 開始する拡大？

Question

これは簡単な質問だと思いますが、私のグーグル検索と読書のすべてが答えを提示していません. そうは言っても、私はまだ 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 メニュー パネルを表示する以下のコードを使用するか、$(".ui-selectcheckboxmenu-panel") を $('#WHATEVERTHEELEMENTIDIS') に置き換えることができます。コンポーネント

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

    });
</script>