保持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工具提示可见，直到其手动关闭

回答

相关问题