在value中使用标签

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)}" />

但似乎'<'是不允许的，在这个错误信息中声明:

Error Parsing/admin/horses.xhtml: Error tracing [line: 27]与元素类型"null"相关联的属性"value"不能包含'<'字符。

所以我的问题是:在命令按钮中如何使用标签，在这种情况下使用图标?

Answer 1

<h:commandButton>是一个错误的标签。它生成一个HTML <input type="submit">元素，而你需要一个HTML <a>元素。你需要一个<h:commandLink>代替。

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