首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >PrimeFaces CommandButton:动态启用/禁用图标

PrimeFaces CommandButton:动态启用/禁用图标
EN

Stack Overflow用户
提问于 2012-06-04 17:19:18
回答 2查看 6.1K关注 0票数 7

PrimeFaces的CommandButton允许指定一个图标:

代码语言:javascript
运行
复制
<p:commandButton value="Press me" icon="redBall" ... />

但是,我需要根据JSF托管bean属性启用/禁用该图标。

我试过了

代码语言:javascript
运行
复制
<p:commandButton value="Press me" icon="#{bean.iconClass}" ... />

这适用于选择不同的图标,但不允许完全禁用图标(即,在没有icon=属性的情况下获得相同的渲染效果)。我可以在getIconClass()中返回一个空字符串,但是PrimeFaces仍然会为按钮内部的图标呈现额外的<span>,并且CSS样式会使这个跨度在默认图标中可见。

除了去掉icon=属性之外,有没有办法告诉PrimeFaces“我根本不想要图标”?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-06-04 21:19:49

我可以想出两种不重复按钮的方法。

  1. 提供图标<f:attribute>,这是由<c:if>有条件地添加的。

test= c

  1. 设置了一个样式类来完全隐藏图标,并有条件地提供它。

图标.ui- .hideicon { display: none;} .hideicon ..ui button-text{padding: 1em;}

使用

票数 7
EN

Stack Overflow用户

发布于 2012-06-04 17:46:19

一个差劲的解决办法是有两个命令按钮。一个有图标定义,一个没有图标定义。然后呈现出正确的结果。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10878966

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档