JSF <h: commandButton> ze świecącą ikoną bootstrapu

Question

Używam twitter bootstrap css do stylu. Aby użyć przycisków z ikonami, standardowym sposobem jest użycie znaczników "i". <button type="submit"><i class="icon-search"></i></button>.

Ale nie mogę tego wprowadzić w ramach <h:commandButton id="myid"><i class="icon-search"></i></h:commandButton> Jak dodać kod HTML do renderowanego <h:commandButton>?

Answer 1

Właśnie użyłem hack na teraz. To jest tak (Ukryłem H: CommandButton i dodano nowy przycisk Prześlij).

<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> 

Answer 2

Możesz dodać <i class="icon-search"></i> wewnątrz h:commandLink

linku poleceń może być stylizowany jak przycisk

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