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

前端之家收集整理的这篇文章主要介绍了当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运行民意调查时,你可以看到它.

原文链接:https://www.f2er.com/ajax/160011.html

猜你在找的Ajax相关文章