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 | 无 | 否 |