Instantiating Toasts

DEX601 - Unit 6 Building Advanced Components

📄 第 432 页 🎬 视频课程

课程章节介绍

让我们一起来看一下这段代码。这段代码是用在Salesforce的Lightning框架中的,主要是用来显示一个提示信息,也就是我们常说的“Toast”通知。 首先,我们来看一下JavaScript部分。这里定义了一个函数`onShowToast`,这个函数会在用户点击按钮时被调用。函数内部使用了`component.find`来找到一个名为`notifLib`的组件,这个组件是`lightning:notificationsLibrary`,它是用来管理和显示通知的。 在这个函数中,我们调用了`showToast`方法,这个方法会显示一个Toast通知。我们传递了一些参数给这个方法: - `title`:通知的标题,这里我们设置为“成功!”。 - `message`:通知的消息内容,这里我们设置为“帐户{0}已更新。”,其中`{0}`是一个占位符,会被后面的`mailageData`中的内容替换。 - `mailageData`:这是一个数组,包含了要替换`message`中占位符的内容。这里我们从组件的属性`accountName`中获取值。 - `variant`:这是通知的类型,这里我们设置为“success”,表示成功的通知。 - `mode`:这是通知的模式,这里我们设置为“dismissible”,表示用户可以手动关闭这个通知。 接下来,我们看一下HTML部分。这里定义了一个`aura:component`,这是Lightning组件的基本结构。在组件中,我们定义了一个属性`accountName`,并给它设置了一个默认值“Acme Demolitions”。 然后,我们使用了`lightning:notificationsLibrary`组件,并给它设置了一个`aura:id`为`notifLib`,这样我们在JavaScript中就可以通过这个id找到它。 最后,我们定义了一个按钮`lightning:button`,当用户点击这个按钮时,会触发`onShowToast`函数,从而显示Toast通知。 总结一下,这段代码的作用是:当用户点击按钮时,会显示一个成功的Toast通知,通知的内容是“帐户Acme Demolitions已更新。”。希望这个解释对你有帮助!