JSF 中只读/编辑模式的最佳实践？答案

【问题标题】：Best practice for readOnly / edition modes in JSF?JSF 中只读/编辑模式的最佳实践？
【发布时间】：2011-10-01 23:35:54
【问题描述】：

任何人都可以提出一种执行编辑/只读模式的方法吗？我正在使用 PF，我已经这样做了：

<composite:interface>
        <composite:attribute name="size"/>
        <composite:attribute name="value"/>
        <composite:attribute name="editable"/>
    </composite:interface>

    <composite:implementation>

        <p:inputText value="#{cc.attrs.value}"  size="#{cc.attrs.size}" rendered="#{cc.attrs.editable}"/>

        <h:outputText value="#{cc.attrs.value}" rendered="#{!cc.attrs.editable}"/>

    </composite:implementation>

仅根据布尔值显示 inputText 或 outPutText。但显然 PF 的 inputText 中有一个错误，因为我收到了一个 targetClass 空异常。如果我在组件之外使用 inputText 它可以工作，但我想用一个 comp 封装这个行为。还有什么建议吗？

【问题讨论】：

标签： jsf primefaces composite-component

【解决方案1】：

我建议改用disabled 属性，并在必要时使用 CSS 来设置输入样式，使其看起来像输出。

例如

<p:inputText value="#{bean.value}" disabled="#{!bean.editable}" />

使用 CSS

.ui-inputfield[disabled], .ui-inputfield[disabled].ui-state-focus {
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

【讨论】：