jsf - 使用 p:inplace 隐藏失去焦点的 inputText

Question

我的表格如下所示：

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

当用户单击 p:inplace 的文本时，将显示 inputText 以编辑值。

当用户单击其他地方或控件自身失去焦点时，如何隐藏 inputText 或 p:inplace。

谢谢。

Answer 1

在 上使用blur事件inputText，将 id 值传递给它：

<p:inplace widgetVar="basic_#{cc.id}">
    <p:inputText value="#{cc.attrs.description}" id="description">
        <p:ajax event="blur" oncomplete="basic_#{cc.id}.hide();" />
    </p:inputText>
</p:inplace>