जेएसएफ (विशेष रूप से प्राइमफेस) में AJAX बटन को संसाधित करते समय माउस कर्सर के रूप को व्यस्त मोड में बदलना संभव है (उदाहरण के लिए: घंटा ग्लास)? मैं अपने कर्सर के रूप को बदलना चाहता हूं जबकि मेरा पी: डेटाटेबल डेटा लोड कर रहा है जब मैं इसे अगले पृष्ठ पर नेविगेट करता हूं। धन्यवाद।प्राइमफेस AJAX अनुरोध प्रगति पर है जब प्राइमफ़ेस AJAX अनुरोध प्रगति पर है
उत्तर
आप सीएसएस और jQuery की थोड़ी सी सहायता से इस लक्ष्य को हासिल कर सकते हैं। सीएसएस के साथ, आप एक वर्ग बना सकते हैं जो कर्सर को पूरे दस्तावेज़ पर बदल देता है। JQuery के साथ, आप उस सीएसएस वर्ग को जोड़/हटा सकते हैं। कवर के तहत, प्राइमफेस AJAX जादू के लिए jQuery का उपयोग करता है और आप प्राइमफ़ेस < मानक jQuery ajaxStart
और ajaxStop
ईवेंट पर प्राइमफ़ेस 4+ हुक प्राइमफ़ेस विशिष्ट pfAjaxSend
और pfAjaxComplete
ईवेंट को उस सीएसएस क्लास के एड/निकालने के लिए कर सकते हैं।
सीएसएस:
html.progress, html.progress * {
cursor: progress !important;
}
(!important
किसी भी शैली मामले के लिए style
विशेषता और मजबूत CSS चयनकर्ताओं द्वारा निर्धारित ओवरराइड करता है कि)
jQuery और PrimeFaces:
$(document).on("ajaxStart pfAjaxSend", function() {
$("html").addClass("progress");
}).on("ajaxStop pfAjaxComplete", function() {
$("html").removeClass("progress");
});
के लिए मामला आप मानक जेएसएफ <f:ajax>
अन्य जगहों का उपयोग कर रहे हैं और डब्ल्यू ould ही प्रगति संकेतक लेना पसंद, यहाँ आप यह कैसे कर सकते हैं:
jsf.ajax.addOnEvent(function(data) {
$("html").toggleClass("progress", data.status == "begin");
});
यह भी OmniFaces showcase application द्वारा प्रयोग किया जाता है। जब आप this page पर मतदान चलाते हैं तो आप इसे दूसरों के बीच देख सकते हैं।
प्राइमफेस स्वयं ऐसा नहीं दिखता है। इसमें कुछ घटक हैं जो आपको काम करते समय विज़ुअलाइज़ करने की अनुमति देते हैं (अजाक्सस्टैटस, ब्लॉकयूआई), लेकिन ऐसा नहीं लगता कि यह कर्सर के साथ कुछ भी करता है।
आपको ऐसा करने के लिए सीधे जावास्क्रिप्ट का उपयोग करना होगा। यह एक अच्छा विकल्प की तरह दिखता है।
मुझे लगता है .. आशा है कि इसे जल्द ही इसके घटकों में जोड़ा जाएगा .. वैसे भी आपके उत्तर के लिए धन्यवाद :) – David
- 1. AJAX अनुरोध
- 2. बैकएंड प्रोसेसिंग पर प्रगति बार प्राइमफेस
- 3. प्रगति में अजाक्स अनुरोध jQuery
- 4. AJAX पृष्ठ प्रगति डाउनलोड करें
- 5. jQuery AJAX अनुरोध काम करता है, वही AngularJS AJAX अनुरोध
- 6. वेब अनुरोध ($ http) पर प्रगति पट्टी AngularJS
- 7. AJAX अनुरोध
- 8. AJAX अनुरोध
- 9. AJAX अनुरोध
- 10. AJAX अनुरोध
- 11. AJAX अनुरोध
- 12. AJAX अनुरोध
- 13. अपलोड प्रगति - अनुरोध
- 14. AJAX अनुरोध
- 15. प्रदर्शन 'लोड हो रहा है' छवि जब AJAX कॉल प्रगति
- 16. AJAX अनुरोध
- 17. AJAX() अनुरोध
- 18. AJAX अनुरोध
- 19. AJAX अनुरोध
- 20. AJAX अनुरोध
- 21. एकाधिक फ़ाइल अपलोड पर प्रगति दिखाएं Jquery/Ajax
- 22. AJAX अनुरोध पर आग Greasemonkey स्क्रिप्ट
- 23. बटन पर क्लाइंट साइड सत्यापन AJAX अनुरोध
- 24. अनइंटरप्टेबल AJAX अनुरोध
- 25. Jquery AJAX अनुरोध,
- 26. रेल AJAX अनुरोध
- 27. django AJAX अनुरोध
- 28. AJAX अनुरोध लार्वेल 5.0
- 29. JSF ajax अनुरोध
- 30. व्यक्तिगत AJAX अनुरोध
धन्यवाद! मैं इसे आजमाऊंगा.. :) – David