PrimeFaces inputText启用/禁用

Question

我在JSF2/PrimeFaces页面上有两个单选按钮，我需要根据选择启用/禁用inputText字段。

<h:form prependId="false"> 
    <p:panelGrid id="notif"> 
     <p:row id="notif1"> 
      <p:column> 
       <h:outputText value="label" /> 
      </p:column> 
      <p:column> 
       <p:selectOneRadio id="radiobuttons" value="#{state.radioStatus}" layout="pageDirection"> 
        <f:selectItem itemLabel="enable" itemValue="enable" /> 
        <f:selectItem itemLabel="disable" itemValue="disable" /> 
        <p:ajax update="date" /> 
       </p:selectOneRadio> 
      </p:column> 
      <p:column> 
       <p:inputText id="date" value="#{state.infoDate}" disabled="#{!state.checkStatus}" > 
       </p:inputText> 
       <p:inputText id="test" value="#{state.infoDateTest}"> 
       </p:inputText> 
      </p:column> 
     </p:row> 
    </p:panelGrid> 
</h:form> 

此外，这一切都在一个选项卡内，但检查生成的HTML时没有嵌套窗体。这些字段似乎得到了选项卡的ID，但它们似乎是这样正确的（当尝试使用ID标记'tabView：date'作为ajax时没有工作。）

问题是，当进入页面中，“实际”文本字段默认处于禁用状态，应在单选按钮设置为启用时启用。当单选按钮状态更新时，我可以看到事件已在服务器端注册，并且inputText字段被“可视化”启用（默认情况下，它被禁用）。但是，在启用该字段后，该字段不是“可调焦的”，因此无法写入。

当我添加'test'inputText字段时，它会得到更奇怪的结果，它没有使用关于单选按钮的自启用/禁用。在全新的页面加载中，您可以写入它，但在更改单选按钮状态后，它不再可写（在ajax调用之前输入的文本将保留，但不可编辑）。

然而，单选按钮继续工作，并将触发服务器端的事件。

有人能指出我可能做错了什么，或者这可能是PrimeFaces的一个错误？

//更新 就像所说的那样，托管bean的工作方式应该是这样的，所以我没有看到任何问题，但这里是代码（为了可读性而简化并重命名，因为相关部分取自更大的上下文）。

@ManagedBean(name = "state") 
@SessionScoped 
public class ExampleBean implements Serializable { 

    private static final String disable = "disable"; 
    private static final String enable = "enable"; 
    private String text; 
    private List<TestRow> rows = null; 
    private TestRow row = null; 
    private String radioStatus = "enable"; 
    private String infoDate = ""; 
    private String infoDateTest = ""; 

    @PostConstruct 
    public void initEmpty() { 
    } 

    public String getRadioStatus() { 

     return this.radioStatus; 
    } 

    public void setRadioStatus(String radioStatus) { 

     this.radioStatus = radioStatus; 
    } 

    public String getInfoDate() { 

     return infoDate; 
    } 

    public void setInfoDate(String infoDate) { 

     this.infoDate = infoDate; 
    } 

    public String getInfoDateTest() { 

     return infoDateTest; 
    } 

    public void setInfoDateTest(String infoDateTest) { 

     this.infoDateTest = infoDateTest; 
    } 

    public boolean isCheckStatus() { 

     return this.radioStatus.equalsIgnoreCase(enable) ? true : false; 
    } 
} 

Answer 1

不幸的是我无法弄清楚是什么导致了实际问题。基本的东西似乎是继承的JavaScript（primefaces）在这个页面上不能正常工作（也许是因为其他js被继承）。最后，我只是将它定制为一个自定义启用/禁用js功能：

js.toggleDisableStatus = function(elementId) { 

// Can't use jQuery $("#xx:yy"), the syntax is not accepted by jquery but 
// used by JSF/PrimeFaces 
var element = document.getElementById(elementId); 
var attrValue = element.getAttribute('disabled'); 
if (attrValue === undefined || attrValue == null) { 
    element.disabled = true; 
    element.style.background = "#dddddd"; 
} else { 
    element.removeAttribute('disabled'); 
    element.style.background = ""; 
} 
}; 

这可能有缺陷，但现在起作用。单选按钮由持久状态（状态加载）选择，输入域的启用/禁用状态也在初始加载页面时设置。一般来说，我认为这应该适用于这种特殊情况。