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，但它们似乎是正确的（尝试对 ajax 使用 id notation 'tabView:date' 时不起作用。）

问题是进入页面时，“实际”文本字段默认是禁用的，当单选按钮设置为启用时应该启用它。当单选按钮状态更新时，我可以看到该事件已在服务器端注册，并且 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 = "";
}
};

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