javascript - 更改可见性 onclick jsf

Question

当用户单击文本时，我想使文本可编辑。

所以我想我可以通过两个组件来解决这个问题

        <h:outputText id="description_" value="#{cc.attrs.description}" /> 

        <h:inputText id="description" value="#{cc.attrs.description}" />

现在的问题是，两个组件同时显示。我想要 h:inputText 将被隐藏/折叠的行为。当用户单击 h:outputText 时，应隐藏 h:outputText 而应显示 h:inputText，以便用户可以编辑输入中的文本。如果 h:inputText 失去焦点，则应显示 h:outputText 并隐藏 h:inputText。

有没有 JSF 解决方案？

Answer 1

一种解决方案是使用http://www.primefaces.org/showcase/ui/inplace.jsf或使用 h:outputLabel 和 ajax。