叠加loading-ulthon_admin

ulthon_admin

欢迎目录和文件规范系统架构命名规范 php-cs-fixer public/static目录规范 app/common目录规范数据库规范 CURD 命令行表结构数据库迁移代码最佳实践数据库自动缓存权限的用法 table数据表格 cols operat _if titleField field selectList valueParser trueHide fieldFormat templet defaultValue search相关 time defaultSearchValue defaultToolbar init formFullScreen toobar modifyReload 控制器 CURD方法导出控制器通用验证 dataBrage向js传递参数 form组件 select 下拉菜单option拼接 multiple-columns editor data-upload上传 tag-input标签输入 property-input动态字段输入 data-date时间控件参数 table-data列表选择器 city-picker城市选择器 copy-text 全局监听组件 data-request data-open 内置定时器重置密码系统配置 PHP助手函数 sysconfig JS助手函数 checkMobile empty open 弹框叠加loading getDataBrage getQueryVariable 扩展机制性能优化精简代码关闭数据库日志驱动皮肤正常科幻其他切换模块时直接切换内容关闭上传文件注入检测代码编译原理接入workerman和命令参数升级TP6.1 Request的默认过滤异步引入全局script 线上安装脚本兼容PHP8.1

叠加loading

需要引入public\static\common\js\app.js,后台页面已经引入

基本用法:

loading.show();

loading.hide();

叠加用法:

loading.show();
loading.show();

loading.hide(); // 这一行的隐藏,并不会关闭loading
loading.hide(); // 这一行的隐藏才可以关闭loading

根据上面这个用法,就可以发现这个用法,show几次,就需要hide几次.

有时候我们经常会发起多个ajax请求,这些请求都是异步的,如果我们希望等这些所有请求都加载完成才隐藏loading,就可以使用这个方法了.

比如:

loading.show();
$.get(url1,function(){
    loading.hide()
})

loading.show();
$.get(url2,function(){
    loading.hide()
})

无论这两个请求谁先请求结束,都会实现全部加载完才关闭loading的效果.

show和hide支持传入数量参数,
比如:

loading.show(2); // 关闭两次才能关闭loading
$.get(url1,function(){
    loading.hide()
    $.get(url2,function(){
        loading.hide()
        // loading.hide(2)  // 也可以直接传输数量,关闭两次
        // loading.hide(true)  // 传入true,会强制关闭loading
    })
})

原文标题：叠加loading

原文文档：ulthon_admin

原文地址：https://doc.ulthon.com/read/augushong/ulthon_admin/6221d83004f68/zh-cn/2.x.html

原文平台：奥宏文档

2.x