Framework7 - 通知 JavaScript API
描述
也可以使用 JavaScript 添加和关闭通知,方法是使用如下所示的相关应用方法 −
myApp.addNotification(parameters) − 它用于添加/显示通知,接受带有通知参数的必需 object。此方法返回带有动态创建的通知元素的 HTMLElement。
myApp.closeNotification(notificationElement) −用于关闭指定通知,接受notificationElement作为强制参数,为必需通知的HTMLElement或string。
下表显示添加新通知时所需的通知参数 −
S.No | 参数与说明 | 类型 | 默认 |
---|---|---|---|
1 | title 表示通知标题,默认等于notificationTitle应用的参数。仅用于 iOS 主题。 |
string | |
2 | subtitle 它表示通知副标题,默认情况下等于 notificationSubtitle 应用程序的参数。仅用于 iOS 主题。 |
string | |
3 | media 它是通知媒体元素,是一个带有图标或图像的 HTML 字符串。默认情况下等于 notificationMedia 应用程序的参数。仅适用于iOS主题。 |
string | |
4 | hold 用于在指定的超时后自动关闭通知。默认情况下,它等于notificationHold应用程序的参数。仅适用于iOS主题。 |
number | |
5 | closeIcon 禁用从通知中删除关闭图标。默认情况下,它等于 notificationCloseIcon 应用程序的参数。 |
boolean | true |
6 | button 它是材料通知按钮,接受 3 个属性,即 text、color 和 close。它仅与材料主题一起使用。 |
object | |
7 | closeOnClick 如果将其设置为 true,则单击后将关闭通知。默认情况下,它等于 notificationCloseOnClick 应用程序的参数。 |
boolean | false |
8 | additionalClass 用于向通知元素添加额外指定的 CSS 类。 |
string | |
9 | custom 当您想要使用具有自定义 HTML 布局的通知时,使用此参数。使用此参数时,title、subtitle、media 和 closeIcon 参数将被忽略。 |
string | |
10 | onClick 点击通知项后将执行此回调函数。 |
function | |
11 | onClose 关闭通知时将执行此回调函数。 |
function |