jest możliwa zmiana formy kursora myszy w tryb zajęty (na przykład: klepsydra) podczas przetwarzania przycisku ajax w JSF (konkretnie na podstawach)? Chcę zmienić formularz mojego kursora, podczas gdy moja p: dataTable ładuje dane, gdy przechodzę do następnej strony. Dzięki.Zmienić kursor myszy na tryb zajętości, gdy żądanie ajaxowania PrimeFaces jest w toku.
Odpowiedz
Można to osiągnąć z niewielką pomocą CSS i jQuery. Za pomocą CSS możesz utworzyć klasę, która zmienia kursor na całym dokumencie. Za pomocą jQuery możesz dodać/usunąć tę klasę CSS. Pod osłonami, PrimeFaces używa jQuery do magii ajaxowej i możesz na PrimeFaces < 4 hakować na standardowych jQuery ajaxStart
i ajaxStop
zdarzeń i dla PrimeFaces 4+ haczyka na specyficznych dla PrimeFaces pfAjaxSend
i pfAjaxComplete
zdarzeń, aby wykonać dodawanie/usuwanie tej klasy CSS.
CSS:
html.progress, html.progress * {
cursor: progress !important;
}
(!important
zastępuje dowolny styl ustawiony przez style
atrybutów i silniejszy CSS selektorów dla przypadku tego)
jQuery i PrimeFaces:
$(document).on("ajaxStart pfAjaxSend", function() {
$("html").addClass("progress");
}).on("ajaxStop pfAjaxComplete", function() {
$("html").removeClass("progress");
});
Dla w przypadku, gdy używasz standardowego JSF <f:ajax>
gdzie indziej, w ould chciałby mieć ten sam wskaźnik postępu, oto jak można to zrobić:
jsf.ajax.addOnEvent(function(data) {
$("html").toggleClass("progress", data.status == "begin");
});
ten jest również wykorzystywany przez OmniFaces showcase application. Możesz to zobaczyć między innymi po uruchomieniu ankiety pod numerem this page.
Primefaces sam w sobie nie wygląda tak, jak to robi. Ma pewne komponenty, które umożliwiają wizualizację działania (AjaxStatus, BlockUI), ale nie wygląda na to, że robi cokolwiek z kursorem.
Aby to zrobić, musisz bezpośrednio użyć Javascript. To wygląda na fajną opcję.
Rozumiem ... Mam nadzieję, że wkrótce zostanie dodany do jego składników. Dzięki za odpowiedź i tak :) – David
- 1. Zmienić kursor myszy na całą stronę?
- 2. Ikona zajętości myszy WPF
- 3. Jak zmienić kursor myszy w języku Java?
- 4. Żądanie Ajaxa w toku jQuery
- 5. Jak ukryć lub zmienić kursor myszy w nowych przeglądarkach?
- 6. Jak wykonać drugie żądanie ściągania Github, gdy jest ono już w toku?
- 7. Przeglądarka internetowa: ukryj kursor myszy
- 8. Zablokuj kursor myszy podczas przeciągania w Chrome
- 9. PyGame Ustaw kursor myszy z Bitmapy
- 10. Globalnie ukryj kursor myszy w kakao/węgiel?
- 11. Javafx 8 jak uczynić kursor myszy niewidoczny?
- 12. Jak mogę przesłonić kursor myszy na klawiaturze Bootstrap w IE
- 13. Jak przesunąć kursor myszy za pomocą C#?
- 14. Zatrzymaj kursor myszy Excel z migotania na przycisku
- 15. Ukryj kursor myszy po czasie bezczynności
- 16. Kursor myszy w kształcie huśtawki Java "pracujący w tle"
- 17. jak zmienić tryb szyny rozwoju
- 18. kursor myszy do nakładek map Google
- 19. JavaFX Scene Builder: kursor myszy OnMouseOver
- 20. Jak ukryć kursor myszy za pomocą jquery
- 21. WifiP2pManager powrócić stanie zajętości na CreateGroup
- 22. Obracanie obiektu do myszy na myszy myszką
- 23. Jak zmienić kursor myszy w niestandardowy podczas pracy z aplikacjami Windows Forms?
- 24. Jak zmienić tryb pliku na GitHub?
- 25. WPF Trigger, aby zmienić kursor
- 26. Jak zmienić domyślny kursor w mapach ulotek?
- 27. błyszczący wskaźnik zajętości aplikacji
- 28. zmienić sposób SlidingDrawer odpowiada trackball lub kursor
- 29. Zmienić żądanie w oprogramowaniu pośredniczącym?
- 30. Kursor nie jest widoczny w EditText, gdy nie ma tekstu.
Dzięki! Spróbuję tego.. :) – David