primefaces - p:按钮切换输入

我试图获得一个将切换p：inplace项目的按钮。我正在尝试使用切换功能，但没有任何运气。

<p:inplace widgetVar="X" >
  <p:inputText  value="test"></p:inputText>
 </p:inplace>

<p:button value="toggle" onclick="X.toggle()" />

当我这样做时，我在浏览器的控制台中收到以下消息

未捕获的TypeError：无法调用未定义的primefaces.js.jsf的方法“ fadeOut”：18
PrimeFaces.widget.Inplace.PrimeFaces.widget.BaseWidget.extend.toggle primefaces.js.jsf：18
点击

最佳答案

似乎有一个具有默认效果的错误。将效果更改为其他标准效果之一，看看是否可以顺利进行。

<p:inplace widgetVar="X" effect="clip">
  <p:inputText  value="test"></p:inputText>
</p:inplace>

用户手册中定义的可用效果：

• blind
• clip
• drop
• explode
• fold
• puff
• slide
• scale
• bounce
• highlight
• pulsate
• shake
• size
• transfer