我找不到一种方法来选择像PickList组件中存在的箭头图标,以便在其他CommandButton中使用它们。
那么,我知道为了在CommandButton中使用一个图标,必须遵循以下说明:
<p:commandButton outcome="target" icon="star" title="With Icon"/>
已经在css文件中定义了星形图标:
.star { background-image: url("images/star.png"); }
但是我更喜欢使用与PickList组件完全相同的箭头。
解决方法
原型使用
jQuery themeroller来设计UI。原型中的所有使用的图标都在那里。只要你喜欢的mouSEOver图标(在themeroller)和类似的东西:.ui-icon-arrow-1-e将弹出。然后使用它:
<p:commandButton action="target" icon="ui-icon ui-icon-arrow-1-e" value="Arrow icon"/>