2012-09-26 90 views
4

我有以下問題:如何隱藏和顯示命令按鈕上的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?

如何隱藏它,當我單擊命令,只有再次顯示它,如果在我的豆的處理是成功的?

謝謝。

+0

PrimeFaces有此慣例的出色解決方案:blockUI。 – siebz0r

回答

7

解決,

我已經把P中

closable="true" toggleable="true" 

屬性:面板...謝謝

0

顯示面板Ajax請求完成後試試這個:

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

我把outpanel.show和命令按鈕stoped被禁用...它保持啓用後點擊。 – RLuceac

+0

@RLuceac dint您希望命令按鈕在處理後啓用並顯示面板? – PermGenError

+0

但是,當我把outpanel.show()按鈕禁用和永遠不會再次啓用 – RLuceac

3

我已檢查以下面板隱藏和顯示使用號碼:在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"/> 
+0

這是更好地使用''PF ( 'パ')。切換()'',那加入''PF( 'パ')。節目()''和''PF( 'パ')。節目()'' – cheloncio

+0

@zhelon你的意思是, ('testPanel'),show()和PF('testPanel')。close()。 – emoleumassi

相關問題