使用p:inplace隐藏丢失焦点上的inputText

时间:2013-10-05 13:20:08

标签: jsf jsf-2 primefaces

我的表单看起来像那样:

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

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

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

感谢。

1 个答案:

答案 0 :(得分:2)

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>