Question

我使用twitter bootstrap css来设计风格。要在其中制作图标按钮，标准方法是使用“i”标签。 <button type="submit"><i class="icon-search"></i></button>。

但我无法进入其中 <h:commandButton id="myid"><i class="icon-search"></i></h:commandButton> 如何在呈现的<h:commandButton>？

中添加HTML

Answer 1

您可以在<i class="icon-search"></i>

中添加h:commandLink

命令链接可以设置为按钮

<h:commandLink id="btnsearch"
    action="search.xhtml"
    styleClass="btn btn-default">
    <i class="icon-search"></i> Search
</h:commandLink>

Answer 2

我现在只是用了一个黑客。就像这样（我隐藏了h：commandButton并添加了一个新的提交按钮）。

<h:form id="myFrm" >
   <h:inputText id="search" value="#{user.name}"></h:inputText>
   <h:commandButton id="btnsearch" action="search.xhtml" style="display: none"></h:commandButton>
   <button  type="submit" id="myFrm:btnsearch" name="myFrm:btnsearch"><i class="icon-search"></i></button>
</h:form>

h：使用twitter bootstrap或其他图标的commandButton

2 个答案: