JSF <h: commandButton> con l'icona di bootstrap di twitter

Question

Sto usando twitter bootstrap css per lo stile. Per creare pulsanti di icone, il modo standard è utilizzare i tag "i". <button type="submit"><i class="icon-search"></i></button>.

Ma non posso inserirlo entro <h:commandButton id="myid"><i class="icon-search"></i></h:commandButton> Come posso aggiungere HTML all'interno del rendering <h:commandButton>?

Answer 1

Ho appena usato un attacco per ora. È così (ho nascosto h: commandButton e aggiunto un nuovo pulsante di invio).

<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

È possibile aggiungere <i class="icon-search"></i> all'interno h:commandLink

collegamento di comando potrebbe essere designato come pulsante

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