jsf commandButton在值中使用标记

Question

不确定是否可能,但我在我的大部分学校项目中使用bootstrap.我通常在管理面板中使用的一个设计属性是使用图标(edit = pencil,remove = cross,add = plus,...).

因此,为了呈现这些简单的按钮,我使用以下代码:

<a href="#" class="btn"><i class="icon-pencil"></i></a>

在与JSF一起使用时我尝试使用:

<h:commandButton value="<i class='icon-delete icon-white'></i>" class="btn-danger" action="#{horseController.delete(item.id)}" />

但似乎不允许在此错误消息中声明'<':

错误解析/admin/horses.xhtml:跟踪错误[第27行]与元素类型"null"关联的属性"value"的值不得包含"<"字符.

所以我的问题是:如何在commandButton中使用标签,在这种情况下使用图标？

Answer 1

这<h:commandButton>是错误的标签.它<input type="submit">在您需要HTML 元素时生成HTML <a>元素.你需要一个<h:commandLink>代替.

<h:commandLink class="btn-danger" action="#{horseController.delete(item.id)}">
    <i class="icon-delete icon-white" />
</h:commandLink>