You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
1.7 KiB
56 lines
1.7 KiB
8 years ago
|
/**
|
||
|
|
* Created by Dailer on 2017/7/25.
|
||
|
|
*/
|
||
|
|
|
||
|
|
Demo.LoadingMask = BI.inherit(BI.Widget, {
|
||
|
|
|
||
|
|
render: function () {
|
||
|
|
var vessel = this;
|
||
|
|
var self = this;
|
||
|
|
var left = BI.createWidget({
|
||
|
|
type: "bi.center_adapt",
|
||
|
|
items: [{
|
||
|
|
type: "bi.button",
|
||
|
|
text: "LoadingMask",
|
||
|
|
height: 30,
|
||
|
|
handler: function () {
|
||
|
|
var mask = BI.createWidget({
|
||
|
|
type: "bi.loading_mask",
|
||
|
|
masker: vessel,
|
||
|
|
text: "加载中...3s后结束"
|
||
|
|
});
|
||
|
|
setTimeout(function () {
|
||
|
|
mask.destroy();
|
||
|
|
}, 3000);
|
||
|
|
}
|
||
|
|
}]
|
||
|
|
});
|
||
|
|
var right = BI.createWidget({
|
||
|
|
type: "bi.center_adapt",
|
||
|
|
items: [{
|
||
|
|
type: "bi.button",
|
||
|
|
text: "CancelLoadingMask",
|
||
|
|
height: 30,
|
||
|
|
handler: function () {
|
||
|
|
var mask = BI.createWidget({
|
||
|
|
type: "bi.loading_cancel_mask",
|
||
|
|
masker: vessel,
|
||
|
|
text: "正在加载数据"
|
||
|
|
});
|
||
|
|
mask.on(BI.LoadingCancelMask.EVENT_VALUE_CANCEL, function () {
|
||
|
|
mask.destroy();
|
||
|
|
BI.Msg.toast("取消加载了...");
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}]
|
||
|
|
});
|
||
|
|
BI.createWidget({
|
||
|
|
type: "bi.center_adapt",
|
||
|
|
element: vessel,
|
||
|
|
items: [left, right],
|
||
|
|
hgap: 20
|
||
|
|
})
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
BI.shortcut("demo.loading_mask", Demo.LoadingMask);
|