2013-04-21 18 views
0

我有一個號碼:效果H:outputLink的如下:號碼:效果不使用h工作:outputLink的

<h:panelGrid id="closed_notebook" styleClass="book_wrapper" 
    style="width:455px;margin-left: 400px;" columns="2" 
    columnClasses="middle,cover"> 


    <h:panelGroup id="middle_closed" layout="block"> 

    </h:panelGroup> 

    <h:panelGroup id="left_closed" layout="block"> 


     <h:outputLink value="javascript:void(0)"> 
      <h:graphicImage value="/resources/images/book.png" /> 
      <p:effect for="closed_notebook" type="clip" event="click" />       
     </h:outputLink> 




    </h:panelGroup> 


</h:panelGrid> 

包含圖像的鏈接上點擊時,我想,所有panelGrid消失,但它不起作用,我沒有任何行動。

另外,我想在panelGrid消失後顯示另一個隱藏的動畫的panelGrid,該怎麼做?

請指教,謝謝。

回答

2

嘗試使用<f:param name="mode" value="'hide'" />

另一個重要的事情可能是添加和id屬性<h:outputLink

注:這一點很重要的是有效果組件作爲一個孩子有一個 分配組件id,因爲如果你沒有明確地給它們一個ID ,某些組件不會顯示它們的clientId。(質量手冊)

像這樣:

<h:outputLink id="someUniqeIdMightBeAMust" value="javascript:void(0)">   
    <p:effect for="closed_notebook" type="clip" event="click">  
     <f:param name="mode" value="'hide'" /> 
    </p:effect> 
</h:outputLink> 

至於出另一個隱藏panelGrid中的另一部分,

你可以嘗試用speeddelay屬性彈,限制第一動畫1000,與第二動畫之後開始1001毫秒...

<h:outputLink id="someUniqeIdMightBeAMust" value="javascript:void(0)">   
    <p:effect for="closed_notebook" type="clip" event="click" speed="1000">  
     <f:param name="mode" value="'hide'" /> 
    </p:effect> 
    <p:effect for="middle_closed" type="clip" event="click" delay="1001">  
     <f:param name="mode" value="'show'" /> 
    </p:effect> 
</h:outputLink> 
+0

問題是我沒有爲outputlink設置一個id,謝謝。 – 2013-04-21 09:00:02

+0

不客氣。 – Daniel 2013-04-21 09:26:21