使用Primefaces将复选框设置为只读

Question

我目前正在使用a <p:selectBooleanCheckbox />,我想知道是否有办法让它只读.

基本上,我希望您能够打开一个复选框的子列表,如果选中任何其他复选框,原始复选框将只显示复选标记.

关于如何做到这一点的任何想法？

Answer 1

<p:selectBooleanCheckbox value="#{formBean.value1}" disabled="true"/>

这将禁用该元素.如果需要,我曾经通过primeface skinning来改变CSS.

在manage bean中使用一些布尔变量绑定属性.在完成事件[根据要求]更改布尔变量时刷新/重新加载组件.

Answer 2

环境

disabled="true"

解决了这个复选框无法再编辑的问题，但它很苍白，而且外观和感觉不符合页面风格。我使用以下技巧使其像普通（未禁用）组件一样：

$(document).ready(function(){
  $('.ui-chkbox div').removeClass('ui-state-disabled');
});

这将从页面上的所有 primefaces 复选框中删除“禁用”样式。您可以轻松地将其调整为您需要的组件。