1

図のように、チェックボックスのラベルを追加しようとしています [つまり、すべてのチェックボックスをチェックするためです] p:selectCheckboxMenu。

ここに画像の説明を入力

コードは次のとおりです。

<p:selectCheckboxMenu value="#{dashBoardController.selectedColumns}" 
                          styleClass="ui-selectcheckboxmenu-header" 
                          label="Custom" filterMatchMode="startsWith"
                          panelStyle="width:220px">

    <f:selectItem itemLabel="Status" itemValue="status"/>                    
    <f:selectItem itemLabel="group name" itemValue="groupName"/>                    
</p:selectCheckboxMenu>

CSS:

.ui-selectcheckboxmenu-header:before
{
    content: "All";
}

助言がありますか ？？

4

1 に答える 1

2

5分CSSほど戦った後、私はそれを行うためのいくつかの方法を発見しました（通常の方法ではないと思いますが、他の方法は見つかりませんでした）.

style プロパティを使用して、contentコンテンツを から html 要素に添付できますcss。p:selectCheckboxMenuヘッダー クラスは.ui-selectcheckboxmenu-headerであるため、これを試してみると、次のようになります。

// on your css file
.ui-selectcheckboxmenu-header:before
{
    content: "MY TEXT FOR SELECTING ALL ON MANY CHECKBOX MENU";
}

期待どおりの結果が得られます。コンテンツ プロパティの詳細については、このリンクにアクセスしてください。

注: ふりをしたタイトルを付けるにcss idは、詳細p:selectCheckboxMenuを指定することをお勧めします。すべてのp:selectCheckboxMenu場合は、コードをそのまま使用できます。

それが役立つことを願っています^^

于 2013-10-21T10:47:23.420 に答える