Message 消息提醒
常用于主动操作后的反馈提示。 与 Notification 的区别是后者更多用于系统级通知的被动提醒。与Alert 的区别是后者会自动关闭,而Alert需要手动关闭。
注:此接口未使用帆软官方接口,所以支持FineReport目前所有版本的工程项目。
基础用法
javascript
WEIBW.Feedback.message({
message:"测试消息!"
});WEIBW.Feedback.message({
message:"测试消息!"
});1
2
3
2
3
显示效果如下:
消息内容
Message组件的消息内容由message参数控制。
javascript
WEIBW.Feedback.notification({
title: "自定义title",
message:"自定义message"
});WEIBW.Feedback.notification({
title: "自定义title",
message:"自定义message"
});1
2
3
4
2
3
4
基本类型
Message组件提供四种基本类型,由type参数控件,默认值为info,可选值有:success、warning、info、error。
success
javascript
WEIBW.Feedback.message({
message:"测试消息!",
type:"success"
});WEIBW.Feedback.message({
message:"测试消息!",
type:"success"
});1
2
3
4
2
3
4
warning
javascript
WEIBW.Feedback.message({
message:"测试消息!",
type:"warning"
});WEIBW.Feedback.message({
message:"测试消息!",
type:"warning"
});1
2
3
4
2
3
4
info
javascript
WEIBW.Feedback.message({
message:"测试消息!",
type:"info"
});WEIBW.Feedback.message({
message:"测试消息!",
type:"info"
});1
2
3
4
2
3
4
error
javascript
WEIBW.Feedback.message({
message:"测试消息!",
type:"error"
});WEIBW.Feedback.message({
message:"测试消息!",
type:"error"
});1
2
3
4
2
3
4
内容居中
Message组件内的所有内容的居中由center参数控制,默认值为true,可选值为true、false。
javascript
WEIBW.Feedback.message({
message:"内容居中!",
type:"success",
center:true
});WEIBW.Feedback.message({
message:"内容居中!",
type:"success",
center:true
});1
2
3
4
5
2
3
4
5
关闭按钮
Message组件关闭按钮的显示由showClose参数控制,默认值为false,可选值为true、false。
javascript
WEIBW.Feedback.message({
message:"显示关闭按钮!",
type:"success",
showClose:true
});WEIBW.Feedback.message({
message:"显示关闭按钮!",
type:"success",
showClose:true
});1
2
3
4
5
2
3
4
5
位置偏移
Message组件默认在页面居中顶部显示,其居上的偏移由参数offset控制,默认值为10px,支持自定义,但是要注意带px。
javascript
WEIBW.Feedback.message({
message:"向下偏移5px!",
type:"success",
offset:5
});WEIBW.Feedback.message({
message:"向下偏移5px!",
type:"success",
offset:5
});1
2
3
4
5
2
3
4
5
显示时长
Message组件的显示时长由duration参数控制,其默认值为4500,单位为毫秒。
javascript
WEIBW.Feedback.message({
message:"自定义显示时长!",
type:"success",
showClose:true,
duration:2000
});WEIBW.Feedback.message({
message:"自定义显示时长!",
type:"success",
showClose:true,
duration:2000
});1
2
3
4
5
6
2
3
4
5
6
回调事件
Message组件支持关闭组件回调事件,其回调动作由参数callback控制。其类型为function。
javascript
WEIBW.Feedback.message({
message: "向下偏移5px!",
type: "success",
duration:2000,
callback: function() {
WEIBW.Feedback.notification({
title: "Notification提示标题",
message: "提示具体信息文本",
type: "success"
});
}
});WEIBW.Feedback.message({
message: "向下偏移5px!",
type: "success",
duration:2000,
callback: function() {
WEIBW.Feedback.notification({
title: "Notification提示标题",
message: "提示具体信息文本",
type: "success"
});
}
});1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
参数解释
| 参数 | 说明 | 类型 | 默认值 | 是否必填 |
|---|---|---|---|---|
| message | 消息主要文本内容 | string | 无 | 是 |
| type | 基本类型 | enum,可选项success、warning、info、error | "info" | 否 |
| center | 是否居中 | enum,可选项true、false | false | 否 |
| offset | 偏移距离 | string | 0px | 否 |
| showClose | 显示关闭按钮 | bool | false | 否 |
| duration | 元素显示时间 | number,单位毫秒 | 4500 | 否 |
| callback | 关闭按钮回调事件 | function | 无 | 否 |
Weibw's FR
