我的表单看起来像那样:
<p:inplace>
<h:inputText id="description" value="#{cc.attrs.description}" />
</p:inplace>
当用户点击p:inplace的文本时,将显示inputText以编辑该值。
当用户点击其他地方或控件自动失去焦点时,如何隐藏inputText或p:inplace。
感谢。
答案 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>