Exercise 6-3: Implementing Notifications and Toasts

DEX601 - Unit 6 Building Advanced Components

📄 第 435 页 🎬 视频课程

课程章节介绍

同学们,今天我们来聊聊如何在Salesforce的Lightning组件中实现警告和祝酒词(Toast)通知。这个功能非常实用,可以在用户操作后给出即时的反馈。 首先,我们需要在组件中引入一个叫做`lightning:notificationsLibrary`的库。这个库可以帮助我们轻松地创建和管理通知。你只需要在组件中添加这样一行代码: ```html ``` 接下来,我们需要在JavaScript控制器中调用`notify Library.showToast()`方法。这个方法会显示一个祝酒词通知。你可以根据需要设置通知的类型(比如成功、警告、错误等)、标题和消息内容。 举个例子,假设你希望在用户点击某个按钮后显示一个成功的祝酒词通知,你可以这样写: ```javascript showToast : function(component, event, helper) { var notifLib = component.find("notifLib"); notifLib.showToast({ "title": "成功!", "message": "你的操作已经成功完成。", "variant": "success" }); } ``` 在这个例子中,`variant`参数设置为`success`,表示这是一个成功的通知。你还可以使用`warning`、`error`等其他类型。 最后,我们需要在组件中触发这个事件。你可以通过按钮点击、数据加载完成等事件来触发这个通知。比如,你可以在按钮的`onclick`事件中调用`showToast`方法。 ```html ``` 这样,当用户点击按钮时,就会显示一个祝酒词通知,告诉他们操作成功了。 总结一下,实现警告和祝酒词通知的步骤很简单: 1. 引入`lightning:notificationsLibrary`库。 2. 在JavaScript控制器中调用`showToast`方法。 3. 在组件中触发这个事件。 希望这个讲解对你有帮助!如果有任何问题,随时问我哦。