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-function：

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 = "";
}
};

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

PrimeFaces inputText启用/禁用

1 个答案: