19-3: Create a Custom Button that Uses JavaScript (Optional)

DEX450 - Module 19: Visualforce Development Considerations

📄 第 518 页 🎬 视频课程

课程章节介绍

同学们,今天我们来学习如何在Salesforce中创建一个使用JavaScript的自定义按钮。这个按钮将帮助我们返回到“联系人详细信息”页面,而不是仅仅依赖浏览器的返回按钮。 首先,我们需要将JavaScript代码作为静态资源上传到Salesforce。这个JavaScript代码将包含一个确认对话框,询问用户是否真的想要取消当前操作并返回。 接下来,我们打开“技术员状态可视化”页面,找到TODO部分,这里我们需要填写一些代码。我们将使用``标签来创建这个按钮。在这个标签中,我们设置`action`属性为`{!cancel}`,这样当按钮被点击时,Salesforce会执行取消操作。我们还设置`onclick`属性为`return confirmCancel()`,这样在按钮被点击时,会先执行我们的JavaScript函数`confirmCancel()`。 这个JavaScript函数会弹出一个确认对话框,询问用户是否确定要取消。如果用户点击“确定”,函数返回`true`,Salesforce会继续执行取消操作并返回到“联系人详细信息”页面。如果用户点击“取消”,函数返回`false`,操作将被中止,页面不会跳转。 最后,别忘了在`onclick`属性中使用`return`关键字,这是确保JavaScript函数返回值能够正确传递给Salesforce的关键。 完成这些步骤后,保存并测试你的按钮,确保它按预期工作。这样,我们就成功地在“技术员状态可视化”页面上添加了一个自定义按钮,提升了用户体验。希望这个讲解对你们有帮助,如果有任何疑问,随时提问!