|
|
|
|
@ -40332,180 +40332,178 @@ BI.shortcut("bi.el", BI.EL);/**
|
|
|
|
|
* 弹出提示消息框，用于模拟阻塞操作（通过回调函数实现） |
|
|
|
|
* @class BI.Msg |
|
|
|
|
*/ |
|
|
|
|
$.extend(BI, { |
|
|
|
|
Msg: function () { |
|
|
|
|
BI.Msg = function () { |
|
|
|
|
|
|
|
|
|
var messageShow, $mask, $pop; |
|
|
|
|
var messageShow, $mask, $pop; |
|
|
|
|
|
|
|
|
|
return { |
|
|
|
|
alert: function (title, message, callback) { |
|
|
|
|
this._show(false, title, message, callback); |
|
|
|
|
}, |
|
|
|
|
confirm: function (title, message, callback) { |
|
|
|
|
this._show(true, title, message, callback); |
|
|
|
|
}, |
|
|
|
|
prompt: function (title, message, value, callback, min_width) { |
|
|
|
|
// BI.Msg.prompt(title, message, value, callback, min_width);
|
|
|
|
|
}, |
|
|
|
|
toast: function (message, options, context) { |
|
|
|
|
options = options || {}; |
|
|
|
|
context = context || $("body"); |
|
|
|
|
var level = options.level || "normal"; |
|
|
|
|
var autoClose = BI.isNull(options.autoClose) ? true : options.autoClose; |
|
|
|
|
var toast = BI.createWidget({ |
|
|
|
|
type: "bi.toast", |
|
|
|
|
cls: "bi-message-animate bi-message-leave", |
|
|
|
|
level: level, |
|
|
|
|
autoClose: autoClose, |
|
|
|
|
text: message |
|
|
|
|
}); |
|
|
|
|
BI.createWidget({ |
|
|
|
|
type: "bi.absolute", |
|
|
|
|
element: context, |
|
|
|
|
items: [{ |
|
|
|
|
el: toast, |
|
|
|
|
left: "50%", |
|
|
|
|
top: 10 |
|
|
|
|
}] |
|
|
|
|
}); |
|
|
|
|
toast.element.css({"margin-left": -1 * toast.element.outerWidth() / 2}); |
|
|
|
|
toast.element.removeClass("bi-message-leave").addClass("bi-message-enter"); |
|
|
|
|
|
|
|
|
|
autoClose && BI.delay(function () { |
|
|
|
|
toast.element.removeClass("bi-message-enter").addClass("bi-message-leave"); |
|
|
|
|
BI.delay(function () { |
|
|
|
|
toast.destroy(); |
|
|
|
|
}, 1000); |
|
|
|
|
}, 5000); |
|
|
|
|
}, |
|
|
|
|
_show: function (hasCancel, title, message, callback) { |
|
|
|
|
$mask = $("<div class=\"bi-z-index-mask\">").css({ |
|
|
|
|
position: "absolute", |
|
|
|
|
zIndex: BI.zIndex_tip - 2, |
|
|
|
|
top: 0, |
|
|
|
|
left: 0, |
|
|
|
|
right: 0, |
|
|
|
|
bottom: 0, |
|
|
|
|
opacity: 0.5 |
|
|
|
|
}).appendTo("body"); |
|
|
|
|
$pop = $("<div class=\"bi-message-depend\">").css({ |
|
|
|
|
position: "absolute", |
|
|
|
|
zIndex: BI.zIndex_tip - 1, |
|
|
|
|
top: 0, |
|
|
|
|
left: 0, |
|
|
|
|
right: 0, |
|
|
|
|
bottom: 0 |
|
|
|
|
}).appendTo("body"); |
|
|
|
|
var close = function () { |
|
|
|
|
messageShow.destroy(); |
|
|
|
|
$mask.remove(); |
|
|
|
|
}; |
|
|
|
|
var controlItems = []; |
|
|
|
|
if (hasCancel === true) { |
|
|
|
|
controlItems.push({ |
|
|
|
|
el: { |
|
|
|
|
type: "bi.button", |
|
|
|
|
text: BI.i18nText("BI-Basic_Cancel"), |
|
|
|
|
level: "ignore", |
|
|
|
|
handler: function () { |
|
|
|
|
close(); |
|
|
|
|
if (BI.isFunction(callback)) { |
|
|
|
|
callback.apply(null, [false]); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
return { |
|
|
|
|
alert: function (title, message, callback) { |
|
|
|
|
this._show(false, title, message, callback); |
|
|
|
|
}, |
|
|
|
|
confirm: function (title, message, callback) { |
|
|
|
|
this._show(true, title, message, callback); |
|
|
|
|
}, |
|
|
|
|
prompt: function (title, message, value, callback, min_width) { |
|
|
|
|
// BI.Msg.prompt(title, message, value, callback, min_width);
|
|
|
|
|
}, |
|
|
|
|
toast: function (message, options, context) { |
|
|
|
|
options = options || {}; |
|
|
|
|
context = context || $("body"); |
|
|
|
|
var level = options.level || "normal"; |
|
|
|
|
var autoClose = BI.isNull(options.autoClose) ? true : options.autoClose; |
|
|
|
|
var toast = BI.createWidget({ |
|
|
|
|
type: "bi.toast", |
|
|
|
|
cls: "bi-message-animate bi-message-leave", |
|
|
|
|
level: level, |
|
|
|
|
autoClose: autoClose, |
|
|
|
|
text: message |
|
|
|
|
}); |
|
|
|
|
BI.createWidget({ |
|
|
|
|
type: "bi.absolute", |
|
|
|
|
element: context, |
|
|
|
|
items: [{ |
|
|
|
|
el: toast, |
|
|
|
|
left: "50%", |
|
|
|
|
top: 10 |
|
|
|
|
}] |
|
|
|
|
}); |
|
|
|
|
toast.element.css({"margin-left": -1 * toast.element.outerWidth() / 2}); |
|
|
|
|
toast.element.removeClass("bi-message-leave").addClass("bi-message-enter"); |
|
|
|
|
|
|
|
|
|
autoClose && BI.delay(function () { |
|
|
|
|
toast.element.removeClass("bi-message-enter").addClass("bi-message-leave"); |
|
|
|
|
BI.delay(function () { |
|
|
|
|
toast.destroy(); |
|
|
|
|
}, 1000); |
|
|
|
|
}, 5000); |
|
|
|
|
}, |
|
|
|
|
_show: function (hasCancel, title, message, callback) { |
|
|
|
|
$mask = $("<div class=\"bi-z-index-mask\">").css({ |
|
|
|
|
position: "absolute", |
|
|
|
|
zIndex: BI.zIndex_tip - 2, |
|
|
|
|
top: 0, |
|
|
|
|
left: 0, |
|
|
|
|
right: 0, |
|
|
|
|
bottom: 0, |
|
|
|
|
opacity: 0.5 |
|
|
|
|
}).appendTo("body"); |
|
|
|
|
$pop = $("<div class=\"bi-message-depend\">").css({ |
|
|
|
|
position: "absolute", |
|
|
|
|
zIndex: BI.zIndex_tip - 1, |
|
|
|
|
top: 0, |
|
|
|
|
left: 0, |
|
|
|
|
right: 0, |
|
|
|
|
bottom: 0 |
|
|
|
|
}).appendTo("body"); |
|
|
|
|
var close = function () { |
|
|
|
|
messageShow.destroy(); |
|
|
|
|
$mask.remove(); |
|
|
|
|
}; |
|
|
|
|
var controlItems = []; |
|
|
|
|
if (hasCancel === true) { |
|
|
|
|
controlItems.push({ |
|
|
|
|
el: { |
|
|
|
|
type: "bi.button", |
|
|
|
|
text: BI.i18nText("BI-Basic_OK"), |
|
|
|
|
text: BI.i18nText("BI-Basic_Cancel"), |
|
|
|
|
level: "ignore", |
|
|
|
|
handler: function () { |
|
|
|
|
close(); |
|
|
|
|
if (BI.isFunction(callback)) { |
|
|
|
|
callback.apply(null, [true]); |
|
|
|
|
callback.apply(null, [false]); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
var conf = { |
|
|
|
|
element: $pop, |
|
|
|
|
type: "bi.center_adapt", |
|
|
|
|
items: [ |
|
|
|
|
{ |
|
|
|
|
type: "bi.border", |
|
|
|
|
cls: "bi-message-content bi-card", |
|
|
|
|
items: { |
|
|
|
|
north: { |
|
|
|
|
el: { |
|
|
|
|
type: "bi.border", |
|
|
|
|
cls: "bi-message-title bi-background", |
|
|
|
|
items: { |
|
|
|
|
center: { |
|
|
|
|
el: { |
|
|
|
|
type: "bi.label", |
|
|
|
|
text: title || BI.i18nText("BI-Basic_Prompt"), |
|
|
|
|
textAlign: "left", |
|
|
|
|
hgap: 20, |
|
|
|
|
height: 50 |
|
|
|
|
} |
|
|
|
|
controlItems.push({ |
|
|
|
|
el: { |
|
|
|
|
type: "bi.button", |
|
|
|
|
text: BI.i18nText("BI-Basic_OK"), |
|
|
|
|
handler: function () { |
|
|
|
|
close(); |
|
|
|
|
if (BI.isFunction(callback)) { |
|
|
|
|
callback.apply(null, [true]); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
var conf = { |
|
|
|
|
element: $pop, |
|
|
|
|
type: "bi.center_adapt", |
|
|
|
|
items: [ |
|
|
|
|
{ |
|
|
|
|
type: "bi.border", |
|
|
|
|
cls: "bi-message-content bi-card", |
|
|
|
|
items: { |
|
|
|
|
north: { |
|
|
|
|
el: { |
|
|
|
|
type: "bi.border", |
|
|
|
|
cls: "bi-message-title bi-background", |
|
|
|
|
items: { |
|
|
|
|
center: { |
|
|
|
|
el: { |
|
|
|
|
type: "bi.label", |
|
|
|
|
text: title || BI.i18nText("BI-Basic_Prompt"), |
|
|
|
|
textAlign: "left", |
|
|
|
|
hgap: 20, |
|
|
|
|
height: 50 |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
east: { |
|
|
|
|
el: { |
|
|
|
|
type: "bi.icon_button", |
|
|
|
|
cls: "bi-message-close close-font", |
|
|
|
|
// height: 50,
|
|
|
|
|
handler: function () { |
|
|
|
|
close(); |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
east: { |
|
|
|
|
el: { |
|
|
|
|
type: "bi.icon_button", |
|
|
|
|
cls: "bi-message-close close-font", |
|
|
|
|
// height: 50,
|
|
|
|
|
handler: function () { |
|
|
|
|
close(); |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
width: 60 |
|
|
|
|
} |
|
|
|
|
width: 60 |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
height: 50 |
|
|
|
|
}, |
|
|
|
|
center: { |
|
|
|
|
el: { |
|
|
|
|
type: "bi.text", |
|
|
|
|
cls: "bi-message-text", |
|
|
|
|
tgap: 60, |
|
|
|
|
hgap: 20, |
|
|
|
|
lineHeight: 30, |
|
|
|
|
whiteSpace: "normal", |
|
|
|
|
text: message |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
south: { |
|
|
|
|
el: { |
|
|
|
|
type: "bi.absolute", |
|
|
|
|
items: [{ |
|
|
|
|
el: { |
|
|
|
|
type: "bi.right_vertical_adapt", |
|
|
|
|
hgap: 5, |
|
|
|
|
items: controlItems |
|
|
|
|
}, |
|
|
|
|
top: 0, |
|
|
|
|
left: 20, |
|
|
|
|
right: 20, |
|
|
|
|
bottom: 0 |
|
|
|
|
}] |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
height: 60 |
|
|
|
|
height: 50 |
|
|
|
|
}, |
|
|
|
|
center: { |
|
|
|
|
el: { |
|
|
|
|
type: "bi.text", |
|
|
|
|
cls: "bi-message-text", |
|
|
|
|
tgap: 60, |
|
|
|
|
hgap: 20, |
|
|
|
|
lineHeight: 30, |
|
|
|
|
whiteSpace: "normal", |
|
|
|
|
text: message |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
width: 400, |
|
|
|
|
height: 300 |
|
|
|
|
} |
|
|
|
|
] |
|
|
|
|
}; |
|
|
|
|
south: { |
|
|
|
|
el: { |
|
|
|
|
type: "bi.absolute", |
|
|
|
|
items: [{ |
|
|
|
|
el: { |
|
|
|
|
type: "bi.right_vertical_adapt", |
|
|
|
|
hgap: 5, |
|
|
|
|
items: controlItems |
|
|
|
|
}, |
|
|
|
|
top: 0, |
|
|
|
|
left: 20, |
|
|
|
|
right: 20, |
|
|
|
|
bottom: 0 |
|
|
|
|
}] |
|
|
|
|
|
|
|
|
|
messageShow = BI.createWidget(conf); |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
}() |
|
|
|
|
});/** |
|
|
|
|
}, |
|
|
|
|
height: 60 |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
width: 400, |
|
|
|
|
height: 300 |
|
|
|
|
} |
|
|
|
|
] |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
messageShow = BI.createWidget(conf); |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
}();/** |
|
|
|
|
* GridView |
|
|
|
|
* |
|
|
|
|
* Created by GUY on 2016/1/11. |
|
|
|
|
|
guy
6 years ago