如何隐藏和显示命令按钮上的p：面板点击

我是JSF2和primefaces的新手。

我有，将与信息填充页面的表格中，用户输入一个字符串，并单击命令按钮后。点击按钮后，我希望它被禁用，直到处理结束。

要禁用命令按钮我做了以下内容：

<p:commandButton update=":outPanel" widgetVar="btnSend" id="btnsend" 
    value="Calcular" actionListener="#{calcBean.getTrfs}" 
    onclick="btnSend.disable()" oncomplete="btnSend.enable()" />

然后，我有一个小组，我想以显示其内容：

<p:panel id="outPanel" widgetVar="outpanel"> 
     #{calcBean.result} 
</p:panel>

如何隐藏在页面加载时第一次遇到这种outpanel？

如何隐藏它，当我单击命令，只有再次显示它，如果在我的豆的处理是成功的？

谢谢。

来源

2012-09-26 RLuceac

PrimeFaces有此惯例的出色解决方案：blockUI。 – siebz0r

解决，

我已经把P中

closable="true" toggleable="true"

属性：面板...谢谢

来源

2012-09-26 13:48:07 RLuceac

显示面板Ajax请求完成后试试这个：

<p:commandButton update=":outPanel" widgetVar="btnSend" id="btnsend" 
value="Calcular" actionListener="#{calcBean.getTrfs}" 
onclick="btnSend.disable()" oncomplete="btnSend.enable();outPanel.show();" />

来源

2012-09-26 11:01:41 PermGenError

我把outpanel.show和命令按钮stoped被禁用...它保持启用后点击。 – RLuceac

@RLuceac dint您希望命令按钮在处理后启用并显示面板？ – PermGenError

但是，当我把outpanel.show（）按钮禁用和永远不会再次启用 – RLuceac

我已检查以下面板隐藏和显示使用号码：在JSF的commandButton，

请尝试以下方法在JSF，

<p:panel id="button_panel" widgetVar="testPanel" closable="true" toggleable="true"> 
<h1>Testing</h1> 
</p:panel> 

<p:commandButton onclick="PF('testPanel').show()" value="Show Panel" type="button"/> 

<p:commandButton onclick="PF('testPanel').hide();" value="Hide Panel" type="button"/>

来源

2015-04-29 07:23:09

这是更好地使用''PF （ 'パ'）。切换（）''，那加入''PF（ 'パ'）。节目（）''和''PF（ 'パ'）。节目（）'' – cheloncio

@zhelon你的意思是，（'testPanel'），show（）和PF（'testPanel'）。close（）。 – emoleumassi

如何隐藏和显示命令按钮上的p：面板点击

回答

相关问题