当PrimeFaces ajax请求正在进行时,将鼠标光标更改为忙碌模式

在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：

html.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运行民意调查时,你可以看到它.