Primefaces 如何永久显示p:工具提示?
我正试图在正在处理的PrimeFaces项目中永久显示Primefaces 如何永久显示p:工具提示?,primefaces,tooltip,Primefaces,Tooltip,我正试图在正在处理的PrimeFaces项目中永久显示p:tooltip。 这是我当前的代码: <p:graphicImage id="testImg" name="/img/testImg.jpg" onclick="PF('info').show();" style="cursor: pointer"/> <p:tooltip for="testImg" value="further information" position="right" /> <p:di
p:tooltip
。这是我当前的代码:
<p:graphicImage id="testImg" name="/img/testImg.jpg" onclick="PF('info').show();" style="cursor: pointer"/>
<p:tooltip for="testImg" value="further information" position="right" />
<p:dialog widgetVar="info" modal="true" closeOnEscape="true" >
<h:outputText value="bla bla bla"/>
</p:dialog>
我试过这个:
<p:tooltip for="testImg" value="further information" position="right" showEevent="permanent"/>
但它不起作用
是否有任何方法可以控制工具提示并使其永久可见,而无需鼠标悬停或聚焦控制元素?正如您所注意到的,没有称为永久的显示事件。您可以做的是使用小部件变量用JavaScript控制工具提示。可以使用
widgetVar
属性为工具提示指定一个。具有多个功能,其中一个是show()
(用于显示工具提示)。显示工具提示时有150毫秒的延迟,因此将其设置为0可立即显示工具提示。要防止隐藏工具提示,请将
hideEvent
设置为某个不存在的事件(如none
)
总而言之:
<h:panelGrid columns="3">
<h:outputText value="Permanent" />
<p:inputText id="permanent"
title="Permanent tooltip" />
<p:tooltip id="permanentTip"
for="permanent"
widgetVar="permanentTip"
showDelay="0"
hideEvent="none"/>
</h:panelGrid>
<script>
$(function(){
PF('permanentTip').show();
});
</script>
$(函数(){
PF('permanentTip').show();
});
另见:
ui工具提示
?