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>
?JSF <h: commandButton> ze świecącą ikoną bootstrapu
5
A
Odpowiedz
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>
7
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>
Powiązane problemy
- 1. JSF: h: dataTable vs h: panelGrid
- 2. JSF H: Walidacja inputText f Ajax czyni
- 3. h: inputText - JSF nie czyni zastępczy
- 4. JSF h: outputScripting i PrimeFaces jQuery
- 5. Korzystanie JSF h: outputLink produkować kotwicę stronę
- 6. jak wykonać \ n pracę w <h: inputTextarea>
- 7. JSF/Facelets: Plik CSS nie jest rozpoznawany za pomocą znacznika <h: outputStylesheet>
- 8. Co oznacza <%=h ... %> w Railsach?
- 9. Dodaj HTML do <h: messages />
- 10. JSF 2.1 i IE Komentarze warunkowe
- 11. JSF - <ui:repeat /> nad plikiem java.util.Set?
- 12. <h: outputText> drukuje HTML jak jest zamiast rzeczywistej HTML
- 13. Jaki jest zakres <ui:param> w JSF?
- 14. FloatingActionButton z animowaną ikoną
- 15. Jak dołączyć pliki JavaScript przez h: outputScript?
- 16. konwersji H.264 z FFmpeg (ze strumienia RTP)
- 17. VS2008 Błąd kompilacji z <winsock2.h>
- 18. Dlaczego nie powinienem #include <bits/stdC++. H>?
- 19. Jak ustawić szerokość <h: outputText> JSF2.0?
- 20. Wysyłaj pocztę ze strony JSF za pomocą fasoli
- 21. JSF convertDateTime ze strefy czasowej w elementu datatable
- 22. Argumenty przeciwko typowemu konwerterowi obiektów JSF ze statycznym atrybutem WeakHashMap
- 23. Powtórzenie listy <String> przy użyciu JSF 2
- 24. JSF warunkowy atrybut na HTML5 tag
- 25. JSF: h: outputText; jak wyświetlić kreskę, gdy wartość jest pustym łańcuchem?
- 26. Co dokładnie h: c: f: i ui: oznaczają w bibliotece znaczników JSF?
- 27. Otwórz nowe okno według POST, używając h: commandButton
- 28. Dlaczego w Railsach 3, <% = note.html_safe%> i <% = h note.html_safe%> daje ten sam wynik?
- 29. Sterowanie ikoną paska stanu Android
- 30. Android Custom EditText z ikoną
Okazało się, że za pomocą tego rozwiązania, ponieważ świadczy kotwicy-tag, forma nie przedkłada przy wejściu. Poza tym to dobre rozwiązanie. – baron5
Jeśli używasz tego rozwiązania w połączeniu z odpowiedzią BalusC w tym http://stackoverflow.com/questions/5485851/jsf-default-action-to-execute-when-pressing-enter-in-a- Klawisz Enter też będzie działać. – baron5