jquery - クリック時に OverlayPanel を非表示にしない

Question

ユーザーがツールチップの外側の領域をクリックしても、 PrimeFacesオーバーレイ パネルが表示されたままになるようにしたいと考えています。ツールチップを閉じる唯一の方法は、閉じるボタンです。

どうすればそれができますか？

Answer 1

Primefaces 4-SNAPSHOT を使用する場合、dismissable という属性があります。false に設定すると、ボタンを再度クリックすることによってのみオーバーレイを閉じることができます。

Answer 2

私は jquery/javascript の専門家ではありません。より洗練されたソリューションがありました。

<p:commandButton id="chartBtn" value="Basic" type="button" /> 
<p:overlayPanel id="chartPanel" widgetVar="chartPanelWidget" for="chartBtn" hideEffect="fade"
                                    onShow="$(document.body).unbind('mousedown.ui-overlay')">  
   <p:commandButton value="close" onclick="chartPanelWidhget.hide();return false;"/>
</p:overlayPanel>