Instantiating Modals

DEX601 - Unit 6 Building Advanced Components

📄 第 430 页 🎬 视频课程

课程章节介绍

今天我们来聊聊如何在Salesforce的Lightning组件中使用通知模块。这个模块可以帮助我们在用户界面上显示一些提示信息,比如错误消息、成功提示等。 首先,我们来看一下代码的结构。这里有一个叫做`ShowNotice`的函数,它接收三个参数:`c`、`e`和`h`。这个函数的主要作用是调用一个通知库来显示一条消息。 在函数内部,我们使用了`c.find('notifLib')`来找到我们页面上的通知库组件。这个组件的`aura:id`是`notifLib`,所以我们通过`find`方法找到它。 接下来,我们调用了`showNotice`方法,这个方法会显示一个通知。我们传递了一个对象给这个方法,这个对象包含了通知的各种属性: - `variant`:这个属性定义了通知的类型。在这里,我们设置为`error`,表示这是一个错误通知。 - `header`:这是通知的标题,我们设置为“出问题了!”。 - `message`:这是通知的具体内容,我们设置为“一些消息”。 - `closeCallback`:这是一个回调函数,当用户关闭通知时,这个函数会被调用。在这里,我们简单地弹出一个提示框,告诉用户“您关闭了警报!”。 在页面上,我们有一个`lightning:notificationsLibrary`组件,它的`aura:id`是`notifLib`。这个组件是用来管理和显示通知的。 最后,我们还有一个`lightning:button`组件,它的`label`是“Show Notice”,当用户点击这个按钮时,会触发`handleShowNotice`方法,这个方法会调用我们刚才讲的`ShowNotice`函数,从而显示通知。 总结一下,这段代码的主要功能是:当用户点击“Show Notice”按钮时,页面上会显示一个错误通知,通知的标题是“出问题了!”,内容是“一些消息”。当用户关闭这个通知时,会弹出一个提示框,告诉用户“您关闭了警报!”。 希望这个解释对你有帮助!如果有任何问题,随时问我哦!