JSF <h: commandButton> mit Twitter Bootstrap-Symbol

Question

Ich benutze twitter Bootstrap CSS zu stylen. Um Symbolschaltflächen darin zu erstellen, werden standardmäßig "i" -Tags verwendet. <button type="submit"><i class="icon-search"></i></button>.
Aber ich kann es nicht eingeben <h:commandButton id="myid"><i class="icon-search"></i></h:commandButton> Wie kann ich HTML innerhalb der gerenderten <h:commandButton> hinzufügen?

Answer 1

Ich habe gerade einen Hack für jetzt verwendet. Es ist so (ich versteckte den h: commandButton und fügte eine neue Senden-Schaltfläche hinzu).

<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

Sie <i class="icon-search"></i> innerhalb h:commandLink

Befehl Link hinzufügen könnte als Schaltfläche gestylt werden

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