我可以在primefaces中显示禁用命令按钮的工具提示吗？
我可以在primefaces中显示禁用命令按钮的工具提示吗？
提问于 2012-03-26 07:59:09
primefaces中是否有可显示禁用commandButton的工具提示的功能。
回答 4
Stack Overflow用户
回答已采纳
发布于 2012-03-26 09:50:28
如果您找不到在禁用按钮上显示工具提示的方法，您可以始终尝试用一些
将转换为span的<h:panelGroup></h:panelGroup>
或使用
将转换为div的<h:panelGroup layout="block"></h:panelGroup>
Stack Overflow用户
发布于 2019-10-09 13:03:35
在这个问题中，@Kukeltje解释了为什么工具提示在禁用的commandButton上不起作用：PrimeFaces 6.2 commandButton title not working when commandbutton is disabled
如果类.ui-state.disabled的disabled属性设置为true，则会将其添加到按钮中：
.ui-state-disabled {
cursor: default !important;
pointer-events: none;
}为了显示工具提示，您可以创建如下内容：
<p:commandButton id="testButton" disabled="true"
action="yourAction" styleClass="showTooltip" value="Click me!" />在css文件中添加以下规则：
.ui-state-disabled.showTooltip{
pointer-events: all;
}如果一个元素同时具有ui-state-disabled和showTooltip两个类，则无论如何都会显示工具提示。
Stack Overflow用户
发布于 2015-04-21 13:18:33
我想扩展Daniel's answer。您需要在禁用的按钮上插入覆盖块，并在其上应用工具提示。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()}" />页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9868515
复制相关文章
![android 中 TextView的用法[通俗易懂]](https://ask.qcloudimg.com/http-save/yehe-8223537/2e2f9f9885a2ccd7978d8a894c953d86.jpg)
点击加载更多
相似问题
JsonUtility工作得更早，但是在VS中编译之后，我认为它停止了。
我用NodeJS编写了Mongo连接代码，它工作得很好，但是在in中失败了。
当在$.get请求中运行时，代码日志没有定义，但是当在页面上运行时，它工作得很好吗？
在TextField中打印'newTaskTitle‘的值时，它工作得很好。但是当我尝试从FlatButton打印它时，它显示为'null‘。
不在hackerrank中输出值的代码
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
