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

Question

我目前正在使用<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');
});

这会删除＆＃34;禁用＆＃34;来自页面上所有primefaces复选框的样式。您可以轻松地将其调整为您需要的组件。

Answer 3

这个适用于我，它的外观和感觉还可以：

<p:selectBooleanCheckbox value="#{beanc.value}" onchange="return false;"/>