保持primefaces工具提示可見，直到其手動關閉

我想創建一個工具提示，其中包含按鈕懸停時的動態內容並在其中顯示數據表。經過一點點搜索，我設法得到這個工作，但有一個小問題。我不能保持工具提示可見，直到其手動關閉和primesfaces工具提示選項似乎沒有任何屬性來實現這樣的事情。保持primefaces工具提示可見，直到其手動關閉

代碼提示：

<h:panelGroup> 
    <h:outputLink id="lnk" value="#"> 
     <h:outputText value="Sample Tooltip"/> 
    </h:outputLink> 
    <p:tooltip for="lnk" position="right" /> 
     <p:dataTable var="car" value="#{preOrderController.cars}"> 
      <p:column headerText="Id"> 
       <h:outputText value="#{car.id}" /> 
      </p:column> 

      <p:column headerText="Year"> 
       <h:outputText value="#{car.name}" /> 
      </p:column> 

     </p:dataTable> 
</h:panelGroup>

工具提示正常工作，我想要做的是，一旦鼠標懸停在按鈕和工具提示顯示，我想保持它可見，直到用戶手動點擊屏幕右上角的關閉按鈕或屏幕上的其他位置。我沒有必要使用工具提示，如果primefaces有其他的東西可以用來獲得類似的功能，我願意提供建議。

來源

2016-10-27 Nick Div

試圖覆蓋？ – Kukeltje

@ArgaPK我很抱歉，我甚至沒有收到你的帖子的通知。讓我試試這個。非常感謝。 –

解決方案

<h:form onclick="PF('tooltip').hide()"> 

    <p:commandLink id="focus" value="link" onmouseover="PF('tooltip').show()"/> 
    <p:tooltip value="This is a tooltip" for="focus" hideEvent="blur" widgetVar="tooltip"/> 

</h:form>

採取應當注意以下

<h:form> 
<h:panelGrid> 
    <h:panelGroup> 
     <p:commandButton value="Hide" type="button" onclick="PF('tooltip').hide();"/> 
    </h:panelGroup> 
    <h:panelGroup> 
     <p:commandLink id="focus" value="link" onmouseover="PF('tooltip').show()"/> 
<p:tooltip value="This is a tooltip" for="focus" hideEvent="blur" widgetVar="tooltip"/> 
    </h:panelGroup> 
</h:panelGrid> 
</h:form>

來源

2017-01-12 12:35:32 ArgaPK

試試這個：你需要點擊<h:form>內，以隱藏工具提示

來源

2016-10-27 04:00:24

保持primefaces工具提示可見，直到其手動關閉

回答

相關問題