在JSF(特别是primefaces)中处理ajax按钮时,可以将鼠标光标的形式更改为繁忙模式(例如:沙漏)?我希望更改我的光标的形式,而我的p:dataTable在我导航到下一页时加载数据.谢谢.
你可以通过CSS和jQuery的一点帮助来实现这一点.使用CSS,您可以创建一个更改整个文档上的光标的类.使用jQuery,您可以添加/删除该CSS类.在幕后,PrimeFaces使用jQuery作为ajax魔法,你可以使用PrimeFaces< 4钩子在标准jQuery ajaxStart和ajaxStop事件上,以及PrimeFaces 4钩子在PrimeFaces特定的pfAjaxSend和pfAjaxComplete事件上执行添加/删除该CSS类. CSS:
原文链接:https://www.f2er.com/ajax/160011.htmlhtml.progress,html.progress * { cursor: progress !important; }
(重要的是覆盖由style属性设置的任何样式和更强的CSS选择器)
jQuery和PrimeFaces:
$(document).on("ajaxStart pfAjaxSend",function() { $("html").addClass("progress"); }).on("ajaxStop pfAjaxComplete",function() { $("html").removeClass("progress"); });
对于这种情况,您还使用标准JSF< f:ajax>在其他地方,并希望有相同的进度指示器,这是你如何做到这一点:
jsf.ajax.addOnEvent(function(data) { $("html").toggleClass("progress",data.status == "begin"); });
这也被OmniFaces showcase application使用.当你在this page运行民意调查时,你可以看到它.