bui.loading Class
Constructor
bui.loading
(
-
[option]
Parameters:
-
[option]Object optional-
[uid]String optional1.6.6新增，实例的自定义唯一名字，用于命令式调用
-
[appendTo]String optionalappendTo是进度条生成的位置ID,默认在body标签下
-
[opacity]Number optional遮罩透明度，默认为0 ，值为 0-1 之间，如 0.1
-
[className]Number optional1.7.6新增 自定义进度条样式，如："loading-router"
-
[width]Number optional宽度
-
[height]Number optional高度
-
[text]String optional加载的文本
-
[autoTrigger]Boolean optional是否自动触发 默认 true | false
-
[onlyText]Boolean optional是否只显示文本
-
[autoClose]Boolean optional默认true | false 是否点击自动关闭
-
[display]String optionalinline
-
[timeout]String optionalsince1.3.0 是否开启定时关闭 默认0,大于零则开启定时关闭
-
[zIndex]String optionalsince1.3.0 默认""的时候为130
-
[onBeforeInit]Function optional1.5.1新增 初始化前触发
-
[onInited]Function optional1.5.1新增 初始化以后触发
-
callbackFunction回调
-
Example:
// 效果1:
var uiLoading = bui.loading();
//开启进度条
//uiLoading.show();
//关闭进度条
//uiLoading.hide();
// 效果2:
var uiLoading = bui.loading({
appendTo:"#loading",
display: "block",
width: 30,
height: 30,
opacity: 0,
callback: function (argument) {
console.log("clickloading")
}
});
Item Index
Methods
destroy
(
-
[bool]
[销毁控件]
Parameters:
-
[bool]Boolean optional默认: false 销毁部分 | true 销毁全部
Example:
//销毁
uiLoading.destroy();
el
()
chainable
获取操作的元素
Example:
var uiLoading = bui.loading();
uiLoading.el();
hide
()
chainable
隐藏loading
Example:
var uiLoading = bui.loading();
uiLoading.hide();
hideRing
()
chainable
隐藏圈圈
Example:
var uiLoading = bui.loading();
uiLoading.hideRing();
init
(
chainable
-
[option]
初始化方法,用于重新初始化结构,事件只初始化一次
Parameters:
-
[option]Object optional参数控件本身
isLoading
()
chainable
是否正在展示
Example:
var uiLoading = bui.loading();
uiLoading.isLoading();
option
(
chainable
-
[key] -
[value]
获取设置参数
Parameters:
-
[key]String | object optional不传则获取所有参数, 类型为string,没有第2个参数则获取某个参数
-
[value]String | number | boolean | function optional设置参数的时候要传,设置多个参数不用传,获取参数的时候也不用传
Example:
//获取所有参数
//获取所有参数
var option = uiLoading.option();
//获取某个参数
var id = uiLoading.option( "appendTo" );
//修改一个参数
uiLoading.option( "autoClose",true );
//修改多个参数
uiLoading.option( {"autoClose":true} );
pause
()
chainable
暂停loading
Example:
var uiLoading = bui.loading();
uiLoading.pause();
show
()
chainable
显示loading
Example:
var uiLoading = bui.loading();
uiLoading.show();
showRing
()
chainable
显示圈圈
Example:
uiLoading.showRing();
start
()
chainable
显示loading , 参数参考loading的初始化, 每次都重新创建
Example:
var uiLoading = bui.loading();
uiLoading.start();
stop
()
chainable
关闭并移除loading
Example:
var uiLoading = bui.loading();
uiLoading.stop();
text
()
chainable
修改文本
Example:
var uiLoading = bui.loading();
uiLoading.text("正在加载");
widget
(
-
[name]
获取依赖的控件
Parameters:
-
[name]String optional依赖控件名 mask
Example:
//获取依赖控件
var uiLoadingWidget = uiLoading.widget();
Events
off
为控件取消绑定事件
Event Payload:
-
[type]String optional事件类型: "show" | "hide" | "pause" (暂停转圈)| "start" (开始转圈) | "remove" (删除时)
-
[callback]Function optional绑定的事件, this 为当前点击的菜单
Example:
uiLoading.off("show");
on
为控件绑定事件
Event Payload:
-
[type]String optional事件类型: "show" | "hide" | "pause" (暂停转圈)| "start" (开始转圈) | "remove" (删除时)
-
[callback]Function optional绑定的事件, this 为当前点击的菜单
Example:
uiLoading.on("show",function () {
// 点击的菜单
console.log(this);
});