JSF <h: commandButton> với biểu tượng twitter bootstrap

Question

Tôi đang sử dụng css bootstrap twitter để tạo kiểu. Để tạo các nút biểu tượng trong đó, cách tiêu chuẩn là sử dụng các thẻ "i". <button type="submit"><i class="icon-search"></i></button>.

Nhưng tôi không thể nhập nó trong vòng <h:commandButton id="myid"><i class="icon-search"></i></h:commandButton> Làm cách nào để thêm HTML trong kết xuất được hiển thị <h:commandButton>?

Answer 1

Tôi vừa mới sử dụng bản hack bây giờ. Nó giống như thế này (tôi đã giấu h: commandButton và thêm một nút gửi mới).

<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

Bạn có thể thêm <i class="icon-search"></i> bên h:commandLink

link lệnh có thể được tạo kiểu như nút

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