Jsf 我可以在primefaces中显示禁用命令按钮的工具提示吗?

Jsf 我可以在primefaces中显示禁用命令按钮的工具提示吗?,jsf,primefaces,Jsf,Primefaces,在primefaces中是否有一个功能可以显示禁用命令按钮的工具提示。如果您找不到在禁用按钮上显示工具提示的方法,您可以尝试使用一些 将变成span 或与 将变成div 并尝试将工具提示应用于包装…我想扩展答案。您需要在禁用的按钮上插入覆盖块,并在其上应用工具提示。h:panelGroup中的简单包装按钮不会有太大帮助 <h:panelGroup styleClass="display: inline-block; position: relative;"> <p:co

在primefaces中是否有一个功能可以显示禁用命令按钮的工具提示。

如果您找不到在禁用按钮上显示工具提示的方法,您可以尝试使用一些

将变成
span

或与

将变成
div

并尝试将工具提示应用于包装…

我想扩展答案。您需要在禁用的按钮上插入覆盖块,并在其上应用工具提示。h:panelGroup中的简单包装按钮不会有太大帮助

<h:panelGroup styleClass="display: inline-block; position: relative;">
    <p:commandButton disabled="#{controller.isDisabled()}" ... />
    <h:panelGroup styleClass="display: block; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px;"
                  rendered="#{controller.isDisabled()}"
                  id="disabledBtnOverlay" />
</h:panelGroup>
<p:tooltip for="disabledBtnOverlay" rendered="#{controller.isDisabled()}" />

一种使禁用的按钮或inputtext显示工具提示的方法是创建一个全局工具提示,并在inputtext或按钮中创建一个标题,如下所示:

<p:tooltip />

<p:inputText id="inputTextID" disabled="true" value="Your value"
title="TooltipMessage" />
<p:commandButton id="testButton" disabled="true"
   action="yourAction" styleClass="showTooltip" value="Click me!" />


虽然它不会显示任何样式,但在这个问题中,dunno why解释了@Kukeltje为什么工具提示在禁用的命令按钮上不起作用:

如果按钮的disabled属性设置为true,则会将class
.ui state.disabled
添加到按钮中:

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}
为了以任何方式显示工具提示,您可以创建如下内容:

<p:tooltip />

<p:inputText id="inputTextID" disabled="true" value="Your value"
title="TooltipMessage" />
<p:commandButton id="testButton" disabled="true"
   action="yourAction" styleClass="showTooltip" value="Click me!" />
如果元素同时禁用了类
ui状态
showTooltip
,则工具提示仍将显示