Сохранять видимость шрифтов до его закрытия вручную

Question

Я хотел создать всплывающую подсказку с динамическим контентом при наведении курсора и отобразить в нем таблицу данных. После небольшого количества googling мне удалось получить эту работу, но с небольшой проблемой. Я не могу держать всплывающую подсказку видимой до тех пор, пока ее параметры закрывания вручную и primesfaces не будут иметь никакого свойства для достижения чего-то подобного.

Кода для подсказки:

<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> 

Тултипа прекрасно работает, что я хочу сделать, это когда мышь зависла над кнопкой и подсказка отображается, я хочу, чтобы держать его видимым до тех пор, пока пользователь не нажмет вручную кнопку закрытия в верхнем правом углу или в другом месте на экране. Нет необходимости, чтобы я использовал всплывающую подсказку, если в сетках есть что-то еще, что может использоваться для получения аналогичной функциональности. Я открыт для предложений.

Answer 1

Решение здесь

<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> 

Answer 2

Попробуйте это:

<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>, чтобы скрыть всплывающую подсказку