将元素添加到commandButton值

时间:2016-04-12 07:59:13

标签: jsf icons commandbutton

我想在JSF中创建这样的按钮。

<button class="btn btn-primary">
  <i class="fa fa-check"></i> 
  Save
</button>

但是h:commandButton只允许在名为&#34; value&#34;的属性中设置按钮的值。所以我试着创建我的按钮:

<h:commandButton class="btn btn-primary" value="<i class='fa fa-check'></i>Save" action="#{bean.save}" />

得到了错误:

  

错误属性值&#34;值&#34;与元素类型相关联&#34; h:commandButton&#34;不得包含&#39;&lt;&#39;字符。

如何在h:commandButton中嵌入HTML?

1 个答案:

答案 0 :(得分:1)

你有这样的用途

    <h:commandLink  style="width:20px;height:15px;" action="#{bean.smethodName()}"
      <i class="fa fa-searchfaicon2x"></i>                                    
    </h:commandLink>

按钮

相同
<h:commandButton class="btn btn-primary" value="Save" action="#{bean.save}">
<i class='fa fa-check'></i>
</h:commandButton>