如何從同一鏈接中打開和關閉rich：popupPanel

我從展示中遵循此示例：http://showcase.richfaces.org/richfaces/component-sample.jsf?demo=popup&sample=login&skin=blueSky 它顯示了我如何點擊鏈接來打開popupPanel並將該面板追加到該鏈接的相同位置。但我希望如果再次點擊，它會關閉面板。任何人都知道如何做到這一點？這裏是我的代碼如何從同一鏈接中打開和關閉rich：popupPanel

<h:outputLink value="#" id="sb-dd-ol" > 
     <rich:componentControl event="click" operation="show" target="sb-dd-pp"> 
      <a4j:param noEscape="true" value="event"/> 
      <rich:hashParam> 
       <a4j:param noEscape="true" name="top" 
          value="jQuery(#{rich:element('sb-dd-ol')}.parentNode).offset().top + 
            jQuery(#{rich:element('sb-dd-ol')}.parentNode).height()" /> 
       <a4j:param noEscape="true" name="left" 
          value="jQuery(#{rich:element('sb-dd-ol')}.parentNode).offset().left" /> 
      </rich:hashParam> 
     </rich:componentControl> 
     Test 
    </h:outputLink> 
    <rich:popupPanel id="sb-dd-pp" autosized="true" modal="false" 
        moveable="false" resizeable="false" followByScroll="false"> 
     This is a test 
    </rich:popupPanel>

來源

2012-10-04 Thang Pham

沒有很好地意識到RichFaces的4，但modalpanel呈現DIV，其知名度可以與簡單的js控制：

var isShown = false; 
function onlinkclick() { 
    if(isShown) { 
     hideElement(); 
    } else { 
     showElement(); 
    } 
    isShown = !isShown; 
}

來源

2012-10-10 13:53:00 nigi

可以擴展PopupPanel原型，像這樣：

jQuery.extend(RichFaces.ui.PopupPanel.prototype, { 
    toggle: function(event, opts) { 
     if (this.shown) { 
      this.hide(event, opts); 
     } else { 
      this.show(event, opts); 
     } 
    } 
}

之後，您可以在componentControl中使用operation="toggle"（替代方法是在鏈接上添加onclick="#{rich:component('sb-dd-pp')}.toggle();"）。

來源

2012-10-11 13:54:05 Andrey

如何從同一鏈接中打開和關閉rich：popupPanel

回答

相關問題