jsf - p:selectCheckboxMenu 需要标签用于全选

Question

正在尝试为复选框 [即用于检查所有复选框] 添加标签，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";
}

有什么建议么 ？？

Answer 1

经过大约 5 分钟的CSS战斗，我发现了一些方法（我认为这不是正常的方法，但我没有找到其他方法）。

您可以使用contentstyle 属性将内容附加到来自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您可以按原样使用代码。

希望对你有帮助^^