DEX601

课程介绍

今天我们来聊聊Salesforce中的“构建先进组件”。这部分内容其实挺有意思的，因为它能让你在Salesforce平台上做出更强大、更灵活的应用。 首先，什么是“先进组件”呢？简单来说，就是那些比标准组件更复杂、功能更强大的组件。它们可以帮助你实现一些标准组件无法完成的任务，比如自定义的界面、复杂的业务逻辑，甚至是与其他系统的集成。 在Salesforce中，构建这些先进组件通常会用到一个叫做“Lightning Web Components”的技术，简称LWC。LWC是一种现代的、基于Web标准的框架，它让你可以用HTML、CSS和JavaScript来构建组件。听起来是不是有点像前端开发？没错，其实LWC就是Salesforce为了让你更容易地开发前端组件而设计的。 那么，具体怎么构建呢？我们可以分成几个步骤： 1. ，创建组件，：首先，你需要在Salesforce中创建一个新的LWC组件。这个组件会包含HTML模板、JavaScript控制器和CSS样式文件。 2. ，编写HTML，：HTML部分定义了组件的结构和内容。你可以在这里添加按钮、输入框、表格等元素。 3. ，编写JavaScript，：JavaScript部分负责处理组件的逻辑。比如，当用户点击一个按钮时，你可以在这里定义按钮点击后会发生什么。 4. ，编写CSS，：CSS部分用来美化你的组件。你可以设置颜色、字体、布局等，让组件看起来更美观。 5. ，测试和部署，：最后，你需要测试你的组件，确保它按预期工作。测试通过后，就可以部署到你的Salesforce环境中使用了。 举个例子，假设你想创建一个组件，用来显示用户的待办事项列表。你可以在HTML中定义一个表格，然后在JavaScript中调用Salesforce的API获取数据，最后用CSS美化一下表格的样式。这样，一个简单的待办事项组件就完成了。 总的来说，构建先进组件并不难，关键是要理解LWC的基本概念和开发流程。只要你掌握了这些，就能在Salesforce中创造出各种强大的功能，满足不同的业务需求。 好了，今天的课程就到这里。希望你对构建先进组件有了更清晰的认识。如果有任何问题，随时问我哦！

课程章节

本课程共有 75 个章节

• 1

  Unit 6 Building Advanced Components

  第 408 页

  今天我们来聊聊Salesforce中的“构建先进组件”。这部分内容其实挺有意思的，因为它能让你在Salesforce平台上做出更强大、更灵活的应用。 首先，什么是“先进组件”呢？简单来说，就是那些比标准组件更复杂、功能更强大的组件。它们可以帮助你实现一些标准组件无法完成的任务，比如自定义的界面、复杂的业务逻辑，甚至是与其他系统的集成。 在Salesforce中，构建这些先进组件通常会用到一个叫做“Lightning Web Components”的技术，简称LWC。LWC是一种现代的、基于Web标准的框架，它让你可以用HTML、CSS和JavaScript来构建组件。听起来是不是有点像前端开发？没错，其实LWC就是Salesforce为了让你更容易地开发前端组件而设计的。 那么，具体怎么构建呢？我们可以分成几个步骤： 1. ，创建组件，：首先，你需要在Salesforce中创建一个新的LWC组件。这个组件会包含HTML模板、JavaScript控制器和CSS样式文件。 2. ，编写HTML，：HTML部分定义了组件的结构和内容。你可以在这里添加按钮、输入框、表格等元素。 3. ，编写JavaScript，：JavaScript部分负责处理组件的逻辑。比如，当用户点击一个按钮时，你可以在这里定义按钮点击后会发生什么。 4. ，编写CSS，：CSS部分用来美化你的组件。你可以设置颜色、字体、布局等，让组件看起来更美观。 5. ，测试和部署，：最后，你需要测试你的组件，确保它按预期工作。测试通过后，就可以部署到你的Salesforce环境中使用了。 举个例子，假设你想创建一个组件，用来显示用户的待办事项列表。你可以在HTML中定义一个表格，然后在JavaScript中调用Salesforce的API获取数据，最后用CSS美化一下表格的样式。这样，一个简单的待办事项组件就完成了。 总的来说，构建先进组件并不难，关键是要理解LWC的基本概念和开发流程。只要你掌握了这些，就能在Salesforce中创造出各种强大的功能，满足不同的业务需求。 好了，今天的课程就到这里。希望你对构建先进组件有了更清晰的认识。如果有任何问题，随时问我哦！

  ▶ 播放视频 查看详情
• 2

  Unit 6: Building Advanced Components

  第 409 页

  同学们，今天我们来聊聊第6单元的内容。这个单元主要是关于如何在Salesforce中创建和使用更高级的组件。学完这个单元后，你们应该能够做几件很酷的事情： 首先，你们将学会如何创建使用结束标签的组件。这意味着你们可以更灵活地控制组件的显示和隐藏。接着，我们会学习如何动态地创建和销毁组件。这就像是在你的应用中随时添加或移除积木一样，非常灵活。 然后，我们会探讨如何让组件适应不同的地理区域。这涉及到本地化内容，确保无论用户在哪里，都能看到适合他们的信息。我们还会学习如何使用渲染器来改变组件在初始化时的输出，以及如何编写代码来适应不同的浏览器和设备。 此外，我们还会学习如何引发和处理自定义事件，以及如何使用Force事件。这些技能将帮助你们创建更加动态和交互式的应用。 最后，虽然这不是409课程的一部分，但Joe Flowers建议我们了解一下如何通过客户端JavaScript或服务器端顶级代理与外部API通信。这是一个高级话题，但对于想要扩展Salesforce功能的开发者来说非常有用。 好了，这就是第6单元的概述。希望你们能从中获得很多有用的知识，让我们开始吧！

  ▶ 播放视频 查看详情
• 3

  Accessing the Component Body

  第 410 页

  让我们来聊聊如何在Salesforce的Aura组件中通过组件主体来传递数据。你可能已经知道，我们通常使用标签属性来显式地传递值给组件，就像给函数传递参数一样。但有时候，我们也可以把数据直接放在组件的“身体”里，这种方式叫做隐式传递。 想象一下，你有一个容器组件，比如``。你可以在这个组件的开始标签和结束标签之间直接放入一些文本或HTML内容。这些内容就是组件的“主体”，它们会被自动传递给组件内部的一个特殊属性，叫做`body`。 举个例子，假设你写了这样一段代码： ```html 这是一个测试 ``` 在这个例子中，``组件的“主体”就是“这是一个测试”这段文字。这段文字会被自动传递给组件内部的`body`属性。 在组件内部，你可以通过`{!v.body}`来访问这个主体内容。这样，你就可以在组件内部灵活地使用这些数据了。 总结一下，通过组件主体传递数据是一种非常灵活的方式，特别适合那些不需要显式定义属性的场景。你可以直接在组件的标签之间放入内容，然后在组件内部通过`{!v.body}`来使用这些内容。希望这个解释对你有帮助！

  ▶ 播放视频 查看详情
• 4

  Accessing the Component Body - 411

  第 411 页

  让我们来聊聊如何在Salesforce的Aura组件中调试和使用组件主体（body）。首先，组件主体是一个非常强大的特性，它允许你将内容从外部传递到组件内部。想象一下，你有一个盒子，你可以往里面放任何你想要的东西，这个盒子就是你的组件，而放进去的东西就是组件主体。 在Aura组件中，你可以通过使用`{!v.body}`这个公式来访问这些传递进来的内容。这个公式就像是一个窗口，让你可以看到盒子里面有什么。你不需要特别声明`body`作为组件的属性，它是自动可用的。 举个例子，假设你有一个简单的Aura组件，你想要在里面显示一些内容。你可以这样写： ```html <div style="border: 1px dashed black; margin: 10px; width: 100px; height: 100px;"> {!v.body} </div> ``` 在这个例子中，`{!v.body}`就是用来显示从外部传递进来的内容的。你可以在使用这个组件的时候，把任何HTML或者其他的Aura组件放在这个组件的标签之间，它们就会显示在这个`div`里面。 但是，有一点需要注意：如果你在JavaScript控制器中使用`cmp.set(&quot;v.body&quot;, ...)`来动态设置组件主体，你必须在组件的标记中显式地包含`{!v.body}`。这是因为Aura框架需要知道在哪里渲染这些动态内容。 总结一下，`{!v.body}`是一个非常有用的工具，它让你可以灵活地在组件中展示外部传递的内容。只要你记得在使用动态设置主体时，确保在标记中包含它，你就可以轻松地管理和调试你的组件主体了。希望这个解释对你有帮助！

  ▶ 播放视频 查看详情
• 5

  Using Markup to Pass Structured Data

  第 412 页

  让我们来聊聊如何在Salesforce的Aura框架中使用标记来传递结构化数据。这个技巧在构建动态和可重用的组件时非常有用。 首先，想象一下你有一个父组件，比如一个表格容器，你希望这个表格能够显示一系列的数据行。为了实现这一点，你可以创建一系列的子标签，每个子标签代表表格中的一行数据。 在你的例子中，`` 是父组件，它的目的是生成一个HTML表格。而 `` 是子组件，每个子组件都包含一行数据，比如名字和姓氏。 在Aura框架中，你可以通过在父组件的初始化处理程序中捕获这些通过子标签属性传递的数据。这意味着父组件可以收集所有子组件提供的信息，然后将这些信息整合到一个表格中。 例如，你的应用程序可能看起来像这样： ```html ``` 在这个例子中，`` 会收集所有 `` 子组件提供的数据，并将它们渲染成一个HTML表格。 另外，你提到了 `` 标签。这个标签用于在Aura组件中迭代数据集合。它有自己的组件主体，这意味着你可以在迭代过程中为每个项目生成不同的HTML或组件结构。 希望这个解释帮助你理解了如何在Salesforce的Aura框架中使用标记传递结构化数据。如果你有任何问题，或者需要更详细的解释，随时告诉我！

  ▶ 播放视频 查看详情
• 6

  Defining the Sub-Tag (MyContainerData.cmp)

  第 413 页

  让我们来聊聊这个子标签（MyContainerData.cmp）的定义和它的作用。 首先，子标签在Salesforce的Lightning组件中，通常不会直接生成任何可见的输出。它的主要任务是作为一个“数据容器”，用来存储和传递数据。你可以把它想象成一个“数据盒子”，里面装着一些重要的信息，这些信息可以被父标签或其他组件使用。 在这个例子中，我们定义了一个名为`MyContainerData.cmp`的子标签。这个标签里面有两个属性：`firstName`和`lastName`。这两个属性都是字符串类型（`String`），并且都是必需的（`required=&quot;Yes&quot;`），这意味着在使用这个子标签时，你必须为这两个属性提供值。 - `firstName`：用来存储用户的名字。 - `lastName`：用来存储用户的姓氏。 这两个属性的访问权限都是`GLOBAL`，这意味着它们可以在整个应用程序中被访问和使用。 ### 为什么需要子标签？ 子标签的主要作用是帮助我们在复杂的应用程序中更好地组织和管理数据。通过将数据封装在子标签中，我们可以确保数据的结构化和一致性。父标签或其他组件可以通过这个子标签来获取或传递数据，而不需要直接处理数据的细节。 ### 举个例子 假设你有一个父标签，它需要显示用户的全名。你可以使用这个子标签来存储用户的名字和姓氏，然后在父标签中调用这个子标签来获取这些信息。这样，父标签就不需要关心名字和姓氏的具体存储方式，只需要从子标签中获取数据即可。 ### 总结 - 子标签通常不生成可见的输出，主要用于数据存储和传递。 - 在这个例子中，`MyContainerData.cmp`定义了两个必需的字符串属性：`firstName`和`lastName`。 - 子标签帮助我们在应用程序中更好地组织和管理数据，确保数据的结构化和一致性。 希望这个解释能帮助你理解子标签的作用和用法！如果有任何问题，随时问我哦！

  ▶ 播放视频 查看详情
• 7

  Aggregating Sub-Tag Attributes in the Base Tag Controller

  第 414 页

  让我们来聊聊Salesforce中的聚合子标记属性。想象一下，你有一个大盒子，里面装了很多小盒子。每个小盒子里都有一些特定的信息，比如名字和姓氏。现在，你想要从所有小盒子里收集这些信息，然后把它们整理到一个清单上，这样你就可以一目了然地看到所有的信息了。 在Salesforce中，我们使用一种叫做“基本标签控制器”的东西来做这件事。这个控制器有一个特别的函数，叫做`init`。这个函数的工作就是打开大盒子，看看里面有哪些小盒子，然后从每个小盒子里取出我们需要的信息。 在我们的例子中，`init`函数会遍历每一个小盒子（也就是子标记），然后从每个小盒子里取出名字和姓氏，把这些信息存储到一个叫做`Items`的数组里。这个数组就像是我们之前说的那个清单，它会把所有的信息都整理好，方便我们查看。 有时候，我们可能不希望这些小盒子自己显示出来，我们只想看到整理好的清单。这时候，我们可以通过设置`v.body`为一个空数组来阻止这些小盒子自己显示出来。 最后，我们会在基本标记中定义一个叫做`Items`的属性，这个属性的类型是`Object[]`，也就是一个对象数组。在`init`函数里，我们会使用这个属性来存储我们收集到的所有信息。然后，我们可以通过使用``标签来遍历这个数组，把所有的信息都显示出来。 简单来说，这个过程就像是从一堆小盒子里收集信息，然后把它们整理到一个清单上，最后展示给大家看。希望这个解释能帮助你更好地理解Salesforce中的聚合子标记属性。

  ▶ 播放视频 查看详情
• 8

  Implementing the Base Tag

  第 415 页

  让我们来聊聊如何在Salesforce的Aura组件中使用基本标记（Tag415）来展示一些数据。这个过程其实挺简单的，我会一步步解释给你听。 首先，我们需要在Aura组件中定义一个属性，这个属性的类型是`Object[]`，也就是一个对象数组。这个属性我们给它起名叫`Items`。这个`Items`属性将会用来存储我们想要展示的数据，比如一些人的名字和姓氏。 接下来，我们需要在组件的初始化处理程序（init handler）中使用这个`Items`属性。初始化处理程序是组件加载时自动执行的一段代码，我们可以在这里做一些准备工作，比如把子标记的属性收集起来，放到`Items`这个数组里。 然后，我们会在组件的HTML部分使用``标签来遍历`Items`数组中的每一个对象，并把它们展示出来。``标签就像是Aura组件中的一个循环，它会根据数组中的元素数量，重复生成HTML内容。 在这个例子中，我们创建了一个简单的表格，表格有两列，一列是名字（firstName），另一列是姓氏（lastName）。我们使用``来遍历`Items`数组，对于数组中的每一个对象，我们都会生成一行表格数据，显示这个人的名字和姓氏。 最后，当这个组件被加载时，它会自动调用初始化处理程序，把数据准备好，然后通过``标签把数据展示在表格中。 这就是一个基本的Aura组件如何通过定义和使用`Object[]`类型的属性来展示数据的过程。希望这个解释能帮助你理解如何在Salesforce中使用Aura组件来处理和展示数据。如果有任何问题，随时问我哦！

  ▶ 播放视频 查看详情
• 9

  Making an HTML Table Responsive

  第 416 页

  同学们，今天我们来聊聊如何在Salesforce Lightning Design System（SLDS）中制作一个响应式的HTML表格。响应式设计意味着我们的表格能够根据不同的屏幕大小自动调整布局，这样无论是在大屏幕的电脑上，还是在小屏幕的手机上，用户都能有良好的浏览体验。 在SLDS中，我们可以使用一个叫做`slds-max-medium-table_stacked`的类来实现这一点。这个类的作用是，当屏幕宽度小于某个特定值时（通常是中等大小的屏幕），它会将表格的布局从传统的行列式转变为堆叠式。也就是说，每一行的数据会像堆叠的卡片一样，一个接一个地垂直排列，而不是并排显示。 这样做的好处是，在小屏幕上，用户不需要左右滑动来查看表格的全部内容，所有的信息都能一目了然地展示出来。这对于提升用户体验是非常有帮助的。 如果你想了解更多关于这个类的详细信息，可以访问SLDS的存档页面，那里有更深入的描述和示例。不过，需要注意的是，这个类在当前的SLDS文档中只是简短地提到了一下，所以如果你想要最新的信息，可能需要查看最新的文档或者联系Salesforce的支持团队。 总之，使用`slds-max-medium-table_stacked`类，我们可以轻松地让表格在不同设备上都能保持良好的可读性和可用性。希望这个小小的技巧能帮助你在Salesforce开发中更上一层楼！

  ▶ 播放视频 查看详情
• 10

  Using slds-max-medium-table_stacked

  第 417 页

  让我们来聊聊这个`SLDS`中的`max-medium-table_stacked`类。这个类主要是用来优化表格在小屏幕设备上的显示效果的。想象一下，当你在手机上查看一个表格时，如果表格的列太多，屏幕可能就不够宽，导致内容挤在一起，难以阅读。这时候，`slds-max-medium-table_stacked`就派上用场了。 这个类的作用是，当屏幕宽度小于某个阈值（通常是中等大小的屏幕）时，它会将表格的布局从传统的行列形式，转换成一种“堆叠”的形式。也就是说，每一行的数据会变成一个个独立的块，每个块里包含一个标签和对应的值，这样即使在窄屏幕上，用户也能清晰地看到每一行的信息。 在你的代码中，`<table class="slds-table slds-table_bordered slds-max-medium-table_stacked"></table>`这行代码就是应用了这个类。`slds-table`是基础表格样式，`slds-table_bordered`给表格加上了边框，而`slds-max-medium-table_stacked`则确保了在小屏幕上表格能够优雅地堆叠显示。 至于你提到的`aura:iteration`，这是Salesforce的Aura框架中的一个循环标签，用来动态生成表格的表头。它会遍历`v.cols`这个列表，为每一个列生成一个表头单元格。 最后，你提到的两个链接是SLDS（Salesforce Lightning Design System）的文档，里面详细介绍了如何使用这些类和组件来构建符合Salesforce设计标准的用户界面。如果你想要更深入地了解这些内容，可以去看看这些文档。 希望这个解释能帮助你更好地理解`SLDS`中的表格布局优化技术！如果还有其他问题，随时问我哦！

  ▶ 播放视频 查看详情
• 11

  Applying a Media Query for Hidden CSS

  第 418 页

  让我们来聊聊这个话题。想象一下，你正在使用Salesforce的DataGrid组件，这个组件可以帮助你展示数据，就像在Excel表格里一样。现在，你想要在某些情况下隐藏一些行，比如说，当用户在小屏幕上查看时，你可能不想显示所有的数据。 这时候，CSS的媒体查询就派上用场了。媒体查询可以让你根据设备的特性，比如屏幕宽度，来应用不同的样式。你可以在CSS中写一个媒体查询，当屏幕宽度小于某个值时，就隐藏某些行。 具体到DataGridCrosns的DataGrid帮助器，如果你设置了隐藏属性，那么这个帮助器会自动给这些行的类列表添加一个叫做“hiddenElement”的类。这个类的作用就是让这些行在页面上不显示出来。 所以，总结一下，通过结合使用CSS的媒体查询和DataGrid帮助器的隐藏属性，你可以轻松地控制在不同设备上哪些数据行是可见的，哪些是隐藏的。这样，你的应用就能更好地适应各种屏幕尺寸，提供更好的用户体验。

  ▶ 播放视频 查看详情
• 12

  Exercise 6-1: Creating a Responsive grid control

  第 419 页

  同学们，今天我们来学习如何创建一个响应式的网格控件。这个控件可以帮助我们在Salesforce中更灵活地展示数据。首先，我们需要创建一个自定义组件，这个组件将包含一个DataGrid，用来展示数据。 首先，我们来看一下如何创建一个基本的DataGrid组件。我们可以使用以下代码来定义一个DataGrid： ```html ``` 这个标签定义了一个DataGrid组件，我们可以在其中添加更多的子组件来丰富它的功能。 接下来，我们可以创建一些新的自定义组件，比如DataGridTable和DataGridStream。这些组件可以帮助我们以不同的方式展示数据。例如，DataGridTable可以用来展示表格形式的数据，而DataGridStream可以用来展示流式数据。 我们可以通过以下代码来定义这些新组件： ```html ``` 这些组件可以嵌套在DataGrid中，以便我们可以在同一个页面中展示多种形式的数据。 最后，我们需要确保这些组件是响应式的，也就是说，它们能够根据不同的屏幕尺寸自动调整布局。我们可以使用Salesforce提供的响应式设计工具来实现这一点。 好了，同学们，这就是我们今天要学习的内容。希望大家能够通过这个练习，掌握如何创建和使用响应式的网格控件。如果有任何问题，随时提问哦！

  ▶ 播放视频 查看详情
• 13

  Define a dynamic, responsive grid that supports single row selection.

  第 420 页

  同学们，今天我们来学习如何创建一个动态、响应式的网格，并且支持单行选择。这个练习分为两个部分，我们首先来看第一部分。 ### 第一步：创建DataGridStream组件 首先，我们需要创建一个名为`DataGridStream`的组件。这个组件的主要作用是处理数据的流动和更新。你可以把它想象成一个数据的中转站，负责接收数据并将其传递给网格显示。 ### 第二步：创建DataGridTable组件 接下来，我们创建一个`DataGridTable`组件。这个组件是实际显示数据的网格。它从`DataGridStream`组件中获取数据，并将其以表格的形式展示出来。你可以在这个组件中定义表格的列、行以及样式。 ### 第三步：处理单行选择 现在，我们需要让用户能够选择表格中的某一行。当用户点击某一行时，我们需要将这一行标记为“已选择”。你可以通过监听点击事件来实现这个功能。当用户点击某一行时，改变这一行的背景颜色或者添加一个选中标记，让用户知道他们选择了哪一行。 ### 第四步：隐藏“隐藏”列 最后，我们还需要处理一些细节。比如，有些列可能不需要显示在表格中，我们可以将这些列隐藏起来。你可以在`DataGridTable`组件中设置哪些列是可见的，哪些列是隐藏的。 ### 总结 好了，这就是我们今天的主要内容。我们创建了两个组件：`DataGridStream`和`DataGridTable`，并且实现了单行选择和隐藏列的功能。接下来，我们会在第二部分继续深入探讨如何优化这个网格，让它更加动态和响应式。 大家可以在接下来的50分钟里动手实践一下，如果有任何问题，随时问我。加油！

  ▶ 播放视频 查看详情
• 14

  Implement the following invocation syntax

  第 421 页

  让我们来一步步理解这段代码。这段代码是用来创建一个数据表格的，表格中的数据来自于一个叫做`studentList`的列表。这个列表里存储的是学生的信息。 首先，我们来看``这个标签。这个标签是用来定义整个数据表格的。`data=&quot;{!v.studentList}&quot;`表示表格的数据来源是`studentList`这个列表。`pkField=&quot;Id&quot;`表示表格中的每一行数据都有一个唯一的标识符，这个标识符是`Id`字段。 接下来，我们来看``这个标签。这个标签是用来定义表格中的每一列的。每个``标签都对应表格中的一列。 - 第一个``标签定义了`Name`这一列。`fieldName=&quot;Name&quot;`表示这一列的数据来自于`studentList`中的`Name`字段。`label=&quot;Name&quot;`表示这一列的表头显示为“Name”。 - 第二个``标签定义了`Title`这一列。`fieldName=&quot;Title&quot;`表示这一列的数据来自于`studentList`中的`Title`字段。`label=&quot;Title&quot;`表示这一列的表头显示为“Title”。`hidden=&quot;true&quot;`表示这一列在表格中是隐藏的，用户看不到这一列。 - 第三个``标签定义了`Phone`这一列。`fieldName=&quot;Phone&quot;`表示这一列的数据来自于`studentList`中的`Phone`字段。`label=&quot;Phone&quot;`表示这一列的表头显示为“Phone”。`type=&quot;phone&quot;`表示这一列的数据类型是电话号码，系统会自动处理电话号码的格式。 - 第四个``标签定义了`Email`这一列。`fieldName=&quot;Email&quot;`表示这一列的数据来自于`studentList`中的`Email`字段。`label=&quot;E-Mail&quot;`表示这一列的表头显示为“E-Mail”。`type=&quot;email&quot;`表示这一列的数据类型是电子邮件地址，系统会自动处理电子邮件地址的格式。 总结一下，这段代码创建了一个数据表格，表格中显示了学生的`Name`、`Phone`和`Email`信息，而`Title`这一列是隐藏的。每一列的数据都来自于`studentList`列表中的相应字段。

  ▶ 播放视频 查看详情
• 15

  Unit 6: Building Advanced Components - 422

  第 422 页

  同学们，今天我们来聊聊第6单元的内容。这个单元主要是关于如何在Salesforce中创建和使用更高级的组件。听起来有点复杂，但别担心，我会用简单的方式来解释。 首先，我们要学会创建使用结束标签的组件。这就像是给你的组件加一个“结束”的标志，告诉系统这里是一个组件的结束点。这样，系统就能更好地管理和识别你的组件。 接下来，我们会学习如何动态地实例化和销毁组件。这就像是你在玩积木，可以根据需要随时搭建或拆掉某个部分。这样，你的应用就能更灵活地响应用户的操作。 然后，我们会涉及到本地化内容。这意味着你的应用可以根据用户的地理位置，显示不同的语言或格式。比如，如果你的用户在中国，应用就会显示中文；如果在美国，就显示英文。这样，你的应用就能更好地服务全球用户。 我们还会学习如何使用渲染器来在组件初始化期间改变输出。这就像是给你的组件穿上不同的衣服，根据不同的场合展示不同的外观。 最后，我们会编写一些设备特定的代码。这意味着你的应用可以根据用户使用的设备（比如手机或电脑）来优化显示效果。这样，无论用户用什么设备，你的应用都能提供最佳的体验。 听起来是不是很有趣？通过这些技能，你将能够创建更加动态、灵活且用户友好的Salesforce应用。让我们一起开始这段学习之旅吧！

  ▶ 播放视频 查看详情
• 16

  Defining Public API Methods on Components

  第 423 页

  让我们来聊聊如何在Salesforce的Lightning组件中定义和使用公共API方法。这个功能非常有用，特别是当你想要让一个父组件直接调用子组件中的函数时。 首先，我们需要在子组件中定义一个公共方法。这个方法是使用``标签来声明的。在这个标签内部，我们可以定义这个方法需要的参数，这些参数是通过``标签来指定的。每个参数都可以设置类型和默认值。 例如，假设我们有一个子组件`Child.cmp`，我们想要定义一个名为`sampleMethod`的公共方法，这个方法接受一个字符串类型的参数`param1`。我们可以这样写： ```html ``` 在这个例子中，`sampleMethod`是一个公共方法，它可以在父组件中被调用。这个方法有一个参数`param1`，它的类型是`String`，并且有一个默认值`&quot;parameter 1&quot;`。 接下来，我们来看看如何在父组件中调用这个子组件的公共方法。首先，我们需要在父组件中引用子组件，并给它一个`aura:id`，这样我们就可以在父组件的控制器中找到它。 ```html ``` 在这个父组件中，我们有一个按钮，当点击这个按钮时，会触发父组件控制器中的`click`函数。在这个函数中，我们可以通过`aura:id`找到子组件，并调用它的`sampleMethod`方法。 ```javascript ({ click: function(component, event, helper) { var childComponent = component.find(&quot;child&quot;); childComponent.sampleMethod(&quot;新的参数值&quot;); } }) ``` 在这个控制器函数中，我们首先通过`component.find(&quot;child&quot;)`找到子组件，然后调用它的`sampleMethod`方法，并传递一个新的参数值。 总结一下，通过使用``，我们可以在子组件中定义公共方法，然后在父组件中调用这些方法。这种方式比使用事件更加直接和简单，特别是在父组件需要直接控制子组件行为的时候。希望这个解释对你有帮助！

  ▶ 播放视频 查看详情
• 17

  Accessing Attributes Passed to Public Methods

  第 424 页

  让我们来一步步理解这段代码在做什么。 首先，我们有一个父组件和一个子组件。父组件中有一个按钮，当用户点击这个按钮时，会触发一个叫做“单击”的函数。这个函数会找到子组件，并调用子组件中的一个方法，叫做“sampleMethod”，同时传递一个参数“1”给这个方法。 在子组件的控制器中，有一个叫做“doAction”的函数。这个函数会接收从父组件传递过来的参数。它通过调用`server.getParam(&#39;arguments&#39;)`来获取这些参数。如果参数存在，它会取出第一个参数`param1`，并通过弹窗显示出来。 这里有几个关键点需要注意： 1. ，组件间的通信，：父组件通过`component.find(&quot;child&quot;).sampleMethod(&quot;1&quot;)`这种方式来调用子组件的方法，并传递参数。这是Salesforce Lightning组件间通信的一种方式。 2. ，参数传递，：在子组件的控制器中，通过`server.getParam(&#39;arguments&#39;)`来获取传递过来的参数。这里的`arguments`是一个关键字，它包含了所有传递给方法的参数。 3. ，调试信息，：在父组件的“单击”函数中，使用`console.log`来输出调试信息，这在实际开发中非常有用，可以帮助我们理解代码的执行流程。 希望这个解释能帮助你更好地理解这段代码的工作原理。如果有任何疑问，随时提问！

  ▶ 播放视频 查看详情
• 18

  Exercise 6-2: Using Custom Events and Public Methods

  第 425 页

  让我们来一步步理解这个练习6-2的内容。这个练习主要是关于如何在Salesforce中使用自定义事件和公共方法来处理学生和教师之间的互动。 首先，我们有一个叫做`onClick`的事件，这个事件会触发一个叫做`Fire组件`的动作。这个动作与一个叫做`DataGridRowClick`的事件相关联。这个事件的意思是，当用户在数据网格（DataGrid）中点击某一行时，就会触发这个事件。 接下来，我们来看一下学生详细信息的处理。这里有一个叫做`Aw教师学生选择`的事件。这个事件的作用是，当教师选择了一个学生后，系统会重新加载这个学生的记录。这样，教师就能看到最新的学生信息。 在学生浏览器部分，我们有几个事件需要处理： 1. `Studentselect`：这个事件会触发一个叫做`Aw讲师Studentselect`的应用程序事件，并且会调用一个在DataGrid中设置选择项的公共方法。简单来说，就是当教师选择了一个学生后，这个选择会反映在数据网格中。 2. `StudentFilterChange`：这个事件是用来刷新学生列表的。当教师改变了筛选条件，比如选择了不同的班级或年级，学生列表就会根据新的条件重新加载。 3. `DataGridRowClick`：这个事件和之前提到的`onClick`事件类似，当用户在数据网格中点击某一行时，会触发`Aw讲师学生选择`的应用程序事件。 最后，我们有两个自定义组件：`DataGrid`和`数据网格表`。这两个组件是用来展示和操作数据的。`DataGrid`是一个通用的数据网格组件，而`数据网格表`则是一个更具体的组件，可能包含了一些特定的功能或样式。 总结一下，这个练习主要是教你如何使用自定义事件和公共方法来处理教师和学生之间的互动，以及如何在数据网格中展示和操作数据。希望这个解释能帮助你更好地理解这个练习的内容。如果有任何问题，随时问我哦！

  ▶ 播放视频 查看详情
• 19

  Unit 6: Building Advanced Components - 427

  第 427 页

  同学们，今天我们来聊聊Salesforce的第6单元，这个单元主要是关于如何构建更高级的组件。听起来有点复杂，但别担心，我会用简单的话来解释。 首先，我们会学习如何创建组件，并且给这些组件加上结束标签。这就像是给你的组件一个明确的“结束”标志，告诉系统这里是一个组件的结束点。 接下来，我们会学习如何动态地创建和销毁组件。想象一下，你有一个按钮，点击它就能创建一个新的组件，再点击一次就能把它删除。这就是动态实例化和销毁组件的意思。 然后，我们会学习如何让我们的组件适应不同的地理区域。比如，如果你的应用要在美国和日本使用，你可能需要显示不同的语言或格式。这就是本地化内容的重要性。 我们还会学习如何使用渲染器来改变组件在初始化时的输出。这就像是给你的组件穿上不同的衣服，让它一开始就看起来不一样。 最后，我们会学习如何编写特定于设备的代码。这意味着你的组件可以根据用户使用的设备（比如手机或电脑）来显示不同的内容。 听起来是不是很有趣？通过这些技能，你将能够创建更加灵活和强大的Salesforce组件。准备好了吗？让我们开始吧！

  ▶ 播放视频 查看详情
• 20

  Toasts and Modal Notifications

  第 428 页

  同学们，今天我们来聊聊Salesforce中的两种消息提示方式：祝酒词（Toast）和通知（Notification）。这两种方式在我们的日常操作中非常常见，但它们的用途和表现形式有所不同。 首先，我们来说说祝酒词（Toast）。想象一下，你在餐厅里，服务员端着一盘刚烤好的吐司走过来，你只需要看一眼，就知道吐司已经准备好了。Salesforce中的祝酒词也是这样，它通常是一行简短的状态消息，比如“记录已保存”或者“操作成功”。这条消息会在屏幕的某个角落弹出，几秒钟后就会自动消失，不需要你进行任何操作。它就像是一个小小的提醒，告诉你刚刚的操作已经完成了。 接下来，我们看看通知（Notification）。通知更像是一个弹出窗口，它会出现在屏幕的中央，挡住你当前的操作界面。通知通常包含更详细的信息，比如“你确定要删除这条记录吗？”或者“系统检测到一个错误，请检查”。与祝酒词不同，通知需要你点击一个按钮，比如“确定”或“取消”，才能关闭它。这种方式适合在你需要用户确认或者提供更多信息时使用。 总结一下，祝酒词（Toast）是轻量级的、自动消失的提示，适合用来快速反馈操作结果；而通知（Notification）则是需要用户交互的、更正式的消息框，适合用来获取用户的确认或提供重要信息。 希望这个解释能帮助大家更好地理解这两种消息提示方式的区别和使用场景。如果有任何问题，欢迎随时提问！

  ▶ 播放视频 查看详情
• 21

  Implementing Modal Notifications

  第 429 页

  今天我们来聊聊Salesforce中的一个非常实用的功能——，Lightning的通知库，，特别是关于，实施模式通知429，的内容。 首先，，Lightning的通知库，是一个非常强大的工具，它允许你在Salesforce的Lightning Experience、Salesforce Mobile应用以及Lightning社区中，通过弹出框的形式向用户展示消息。这种消息框通常用于提醒用户某些重要的信息，比如操作成功、错误提示或者需要用户注意的事项。 现在，我们来说说，实施模式通知429，。这里的“429”其实是一个HTTP状态码，表示“请求过多”。在Salesforce中，当你使用Lightning组件时，如果触发了429错误，系统会自动通过通知库来提醒用户。这个通知会以模态框的形式出现，模态框就是那种会覆盖在屏幕中央，阻止用户进行其他操作直到关闭的对话框。 无论你在组件的哪个位置放置了`lightning:notificationsLibrary`标签，这个消息框都会出现在屏幕的中心位置。这样做的好处是，无论用户当前在页面的哪个部分，都能立即看到这个重要的通知，确保信息不会被忽略。 总结一下，，Lightning的通知库，是一个非常方便的工具，可以帮助你在Salesforce中有效地向用户传递重要信息。而，实施模式通知429，则是这个库中的一个具体应用，用于在用户请求过多时，及时提醒用户注意。希望这个解释能帮助你更好地理解这个功能！

  ▶ 播放视频 查看详情
• 22

  Instantiating Modals

  第 430 页

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

  ▶ 播放视频 查看详情
• 23

  Implementing Toasts

  第 431 页

  今天我们来聊聊如何在Salesforce中实施Toasts。Toasts是一种轻量级的通知方式，通常用于在用户界面上显示短暂的消息，比如操作成功或失败的提示。它们不会打断用户的操作流程，而是以一种非侵入式的方式提供反馈。 首先，Toasts在Salesforce中通常是通过Lightning Web Components (LWC) 或 Aura Components来实现的。我们主要讲一下在LWC中如何使用Toasts。 1. ，导入Toast模块，：在你的LWC组件中，首先需要导入`lightning/platformShowToastEvent`模块。这个模块提供了显示Toast消息的功能。 2. ，创建Toast事件，：使用`ShowToastEvent`构造函数来创建一个Toast事件。你需要传入一个对象，这个对象包含几个关键属性： - `title`：Toast的标题。 - `message`：Toast的具体消息内容。 - `variant`：Toast的类型，比如`success`、`error`、`warning`或`info`。 - `mode`：Toast的显示模式，比如`dismissible`（可关闭）或`pester`（持续显示直到用户关闭）。 3. ，触发Toast事件，：使用`dispatchEvent`方法来触发这个Toast事件，这样它就会在用户界面上显示出来。 举个例子，假设你有一个按钮，点击按钮后显示一个成功的Toast消息： ```javascript import { LightningElement } from &#39;lwc&#39;; import { ShowToastEvent } from &#39;lightning/platformShowToastEvent&#39;; export default class MyComponent extends LightningElement { handleClick() { const event = new ShowToastEvent({ title: &#39;成功&#39;, message: &#39;操作成功完成！&#39;, variant: &#39;success&#39;, mode: &#39;dismissible&#39; }); this.dispatchEvent(event); } } ``` 在这个例子中，当用户点击按钮时，会触发`handleClick`方法，然后显示一个成功的Toast消息。 总结一下，Toasts是一个非常实用的工具，可以帮助你在Salesforce应用中提供即时的反馈。通过简单的几行代码，你就可以在LWC中实现这个功能。希望这个讲解对你有帮助！

  ▶ 播放视频 查看详情
• 24

  Instantiating Toasts

  第 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已更新。”。希望这个解释对你有帮助！

  ▶ 播放视频 查看详情
• 25

  Toast Modes

  第 433 页

  今天我们来聊聊Salesforce中的“吐司模式433”。这个名字听起来有点可爱，对吧？其实它是一种在用户界面上显示通知的方式，就像烤面包机弹出吐司一样，信息会突然出现在屏幕上。 首先，我们来看看“模式”。吐司通知有三种模式： 1. ，可解散，：这种通知会在你按下关闭按钮之前一直显示，或者如果3秒钟过去了，它也会自动消失。也就是说，它要么等你手动关闭，要么3秒后自己走人。 2. ，纠缠，：这种通知就比较“粘人”了。它会一直显示，直到你点击关闭按钮为止。它不会自己消失，除非你主动去关闭它。 3. ，粘稠，：这种通知会坚持显示3秒钟，然后自动消失。你不需要做任何操作，它会在3秒后自己离开。 接下来是“变体”。变体其实就是通知的类型，它们用不同的颜色和图标来表示不同的信息： - ，信息，：这种通知通常是蓝色的，用来传达一些普通的信息，比如“你的操作已经完成”。 - ，成功，：这种通知是绿色的，用来告诉你某个操作成功了，比如“文件已成功上传”。 - ，警告，：这种通知是黄色的，用来提醒你一些需要注意的事情，比如“你的存储空间快满了”。 - ，错误，：这种通知是红色的，用来告诉你出现了问题，比如“登录失败，请检查你的用户名和密码”。 所以，吐司模式433就是通过这些不同的模式和变体，来确保用户能够及时、清晰地接收到重要的信息。希望这个解释能帮助你更好地理解这个概念！

  ▶ 播放视频 查看详情
• 26

  Verifying Platform Support

  第 434 页

  让我们来聊聊这段代码。这段代码是用来检查当前是否在Salesforce的Lightning Experience环境中运行的。Lightning Experience是Salesforce的一个现代化的用户界面，它比传统的Classic界面更加直观和强大。 首先，我们来看一下代码的结构。这里定义了一个函数，名字叫做`isLightningExperience`。这个函数的作用就是判断我们是否在Lightning Experience中。 在函数内部，我们首先尝试获取一个叫做`e.force:showToast`的组件。这个组件是Lightning Experience特有的，用来显示一些提示信息，比如操作成功或者失败的提示。 如果这个组件存在，也就是说我们能够成功获取到它，那么函数就会返回`true`，表示我们确实是在Lightning Experience中。如果获取不到这个组件，函数就会返回`false`，表示我们可能是在Classic界面或者其他环境中。 简单来说，这段代码就像是一个小侦探，它通过检查是否有特定的工具（在这里是`e.force:showToast`组件）来判断我们是否在Lightning Experience的世界里。如果有这个工具，就说明我们是在Lightning Experience中；如果没有，那就可能是在其他地方。 希望这个解释能帮助你更好地理解这段代码的作用！如果还有其他问题，随时问我哦！

  ▶ 播放视频 查看详情
• 27

  Exercise 6-3: Implementing Notifications and Toasts

  第 435 页

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

  ▶ 播放视频 查看详情
• 28

  Create a framework and helper functions for generating toasts and notifications.

  第 436 页

  同学们，今天我们来学习如何在Salesforce中创建一个用于生成祝酒词和通知的框架和助手函数。这个练习的目的是让我们能够更有效地在用户界面上显示通知和祝酒信息。 首先，我们需要定义一个自定义组件事件。这个事件将用于触发通知。你可以把它想象成一个信号，当这个信号发出时，我们的系统就会知道需要显示一个通知了。 接下来，我们会使用Salesforce提供的“闪电：通知库”组件。这个组件已经内置了很多功能，可以帮助我们轻松地创建和管理通知。我们只需要在这个组件的基础上做一些定制，就可以实现我们想要的效果。 然后，我们会创建一个共享的助手函数。这个函数的作用是简化我们调用祝酒和通知的过程。想象一下，如果每次显示通知都需要写一大堆代码，那会非常麻烦。有了这个助手函数，我们只需要调用一个简单的函数，就可以显示通知了，是不是很方便？ 最后，我们会花大约35分钟的时间来完成这个练习。在这段时间里，你会亲自定义事件、使用通知库组件，并创建那个助手函数。通过这个练习，你不仅会学到如何实现这些功能，还会加深对Salesforce平台的理解。 好了，现在让我们开始动手吧！记得，如果有任何问题，随时提问哦。

  ▶ 播放视频 查看详情
• 29

  Unit 6: Building Advanced Components - 437

  第 437 页

  同学们，今天我们来聊聊Salesforce的第6单元，这个单元主要是关于如何构建更高级的组件。听起来有点复杂，但别担心，我会用简单的话来解释。 首先，我们会学习如何创建组件，并且使用结束标签。这就像是给你的组件一个明确的“结束”信号，告诉系统这里是一个组件的结束点。 接下来，我们会讲到动态实例化和销毁组件。这就像是你在玩游戏时，根据需要随时召唤或消失一个角色。在Salesforce中，我们可以根据需要动态地创建或删除组件。 然后，我们会学习如何本地化内容。这意味着你的应用可以根据用户的地理位置显示不同的语言或格式，就像你去不同的国家，手机自动调整时区一样。 我们还会学习如何使用渲染器。渲染器可以帮助我们在组件初始化的时候改变它的输出，这就像是给组件穿上不同的衣服，让它看起来不一样。 最后，我们会学习如何编写设备特定的代码。这意味着你的应用可以识别用户使用的是手机还是电脑，然后显示最适合那个设备的界面。 这些技能将帮助你创建更加灵活和用户友好的Salesforce应用。听起来是不是很有趣？我们一步步来，慢慢掌握这些技能。

  ▶ 播放视频 查看详情
• 30

  Topics

  第 438 页

  同学们，今天我们来聊聊Salesforce中的动态实例化和销毁组件收件箱。这个话题听起来可能有点复杂，但其实很简单，我会用通俗易懂的方式来解释。 首先，什么是动态实例化呢？想象一下，你有一个工具箱，里面有很多工具。当你需要用到某个工具时，你才会把它拿出来使用。动态实例化就是这个意思——在需要的时候，才创建和加载某个组件。这样做的好处是，可以节省资源，提高应用的性能。 接下来，我们来看看如何将新组件收件箱添加到DOM（文档对象模型）中。DOM就像是网页的结构图，所有的元素都在这个结构图中。当你动态实例化一个组件后，你需要把它放到DOM的某个位置，这样用户才能看到和使用它。这个过程就像是在结构图上添加一个新的节点。 然后，我们谈谈归属感。在Salesforce中，每个组件都有一个归属的父组件。这个父组件负责管理和控制子组件的生命周期。当你动态添加一个组件时，你需要确保它有一个合适的父组件，这样才能保证它正常工作。 最后，我们来说说销毁组件。当你不再需要一个组件时，你应该把它从DOM中移除，并释放它占用的资源。这个过程就像是把不再需要的工具放回工具箱，以便下次使用。销毁组件可以防止内存泄漏，保持应用的流畅运行。 好了，今天的课程就到这里。希望大家能够理解动态实例化和销毁组件收件箱的概念。如果有任何问题，欢迎随时提问。记得查看学生指南中的幻灯片，里面有更详细的解释和示例。谢谢大家！

  ▶ 播放视频 查看详情
• 31

  Using $A.createComponent()

  第 439 页

  今天我们来聊聊如何在Salesforce的Lightning框架中使用`$A.DeliverElement()`函数来动态实例化组件。这个功能非常强大，可以让你在运行时根据需要创建和插入组件，而不是在页面加载时就固定好所有的组件。 首先，我们来看一下`$A.DeliverElement()`的基本语法： ```javascript $A.component( &quot;字符串类型&quot;, {对象属性}, function(回调) ); ``` ### 1. 字符串类型 这里的“字符串类型”指的是你要实例化的组件的类型。比如，如果你想创建一个按钮组件，你可以传入`&quot;lightning:button&quot;`。 ### 2. 对象属性 “对象属性”是一个JavaScript对象，里面包含了你要传递给这个组件的属性。比如，如果你创建的是一个按钮组件，你可以在这里设置按钮的标签、样式等。 ### 3. 函数回调 “函数回调”是一个可选的回调函数，当组件实例化完成后，这个函数会被调用。你可以在这个回调函数里做一些后续的操作，比如将新创建的组件插入到DOM中。 ### 举个例子 假设我们想在页面上动态创建一个按钮，按钮的标签是“点击我”，并且当按钮被点击时，弹出一个提示框。我们可以这样写： ```javascript $A.component( &quot;lightning:button&quot;, { &quot;label&quot;: &quot;点击我&quot;, &quot;onclick&quot;: function(component, event, helper) { alert(&quot;你点击了按钮！&quot;); } }, function(newComponent) { // 将新创建的按钮插入到某个容器中 var container = document.getElementById(&quot;buttonContainer&quot;); container.appendChild(newComponent.getElement()); } ); ``` 在这个例子中： - 我们创建了一个`lightning:button`组件。 - 设置了按钮的标签为“点击我”，并定义了一个点击事件的处理函数。 - 最后，我们将这个新创建的按钮插入到页面中ID为`buttonContainer`的容器中。 ### 总结 通过`$A.DeliverElement()`，你可以灵活地在运行时动态创建和插入组件，这在处理复杂的用户交互或动态内容时非常有用。希望这个简单的例子能帮助你理解如何使用这个功能。如果你有任何问题，随时问我！

  ▶ 播放视频 查看详情
• 32

  Adding New Component Instances to the DOM

  第 440 页

  让我们来一步步理解这个Salesforce Lightning组件的代码。 首先，我们有一个``标签，这是所有Lightning组件的基础。在这个组件内部，我们定义了一个属性`newButtonId`，它是一个整数类型的属性，默认值是0，并且这个属性是私有的，意味着它只能在组件内部使用。 接下来，我们有一个``标签，这是一个标准的Lightning按钮。这个按钮有一个标签`label`，显示为“Click me”，并且当用户点击这个按钮时，会触发一个控制器方法`onAddCmp`。 在按钮下面，我们有一个表达式`{! v.身体}`，这里的`v.身体`可能是一个笔误，应该是`v.body`。在Lightning组件中，`v.body`是一个特殊的属性，它代表了组件的主体内容。这个表达式的作用是输出组件的主体内容。 总结一下，这个组件的主要功能是：当用户点击“Click me”按钮时，会触发一个控制器方法`onAddCmp`，并且会显示组件的主体内容。 希望这个解释对你有帮助！如果你有任何问题，随时问我。

  ▶ 播放视频 查看详情
• 33

  Adding New Component Instances to the DOM (continued)

  第 441 页

  同学们，今天我们来聊聊如何在Salesforce Lightning中动态添加按钮组件。这个代码片段其实很有意思，我来给大家拆解一下： 首先，我们有一个叫`onAddCmp`的函数，它的作用就像是一个&quot;造按钮的工厂&quot;。 1. 每次点击时，它都会先给计数器加1（这样每个按钮都有独一无二的编号） 2. 然后调用`$A.createComponent`这个神奇的方法来&quot;生产&quot;新按钮 - 我们告诉它要造一个&quot;lightning:button&quot; - 给按钮起个名字：&quot;button&quot;+数字编号 - 设置按钮显示的文字是&quot;按钮&quot; - 指定点击时执行哪个函数 3. 造好新按钮后，就把它放进组件的body里（就像把新玩具放进玩具箱） 4. 最后还有个`onPress`函数，就是按钮被点击时会弹出一个小提示框 想象一下，这就像： - 你有一个魔法盒子（组件） - 每次念咒语（点击）就会变出一个带编号的新按钮 - 按钮被按下时会&quot;叮&quot;的一声提醒你 是不是很简单？这就是Lightning组件动态创建的魔力！

  ▶ 播放视频 查看详情
• 34

  Dynamically Creating Multiple Components

  第 442 页

  让我们来聊聊这段代码。这段代码是在Salesforce的Lightning框架中使用的，主要是用来动态创建一些UI组件，并且根据不同的状态来显示不同的信息。 首先，我们来看一下这段代码的结构。它使用了`$A.createComponents`这个函数来动态创建两个组件：一个是`ui:Message`，另一个是`ui:outputText`。`ui:Message`是用来显示消息的，比如错误信息或者成功信息，而`ui:outputText`是用来显示一些文本内容的。 在创建这两个组件的时候，我们给`ui:Message`设置了一个标题和严重性。标题是“样本抛出错误”，严重性是“错误”。这意味着如果这个组件被显示出来，它会告诉用户有一个错误发生了。 接下来，我们有一个回调函数，这个函数会在组件创建完成后被调用。在这个函数里，我们首先检查状态（Status）。如果状态是“SUCCESS”，那么我们就获取到刚刚创建的两个组件，`ui:Message`和`ui:outputText`。然后，我们把`ui:outputText`的内容设置到`ui:Message`的正文部分。这样，当消息显示出来的时候，用户不仅能看到标题和严重性，还能看到具体的错误信息。 如果状态是“INCOMPLETE”，那么我们就打印一条日志信息到控制台，告诉开发者服务器或者客户端没有响应。这种情况下，我们可能需要显示一个离线的错误信息给用户。 总的来说，这段代码的目的是在Salesforce的Lightning应用中动态创建并显示一些UI组件，根据不同的状态来展示不同的信息给用户。希望这个解释能帮助你更好地理解这段代码的作用和结构。

  ▶ 播放视频 查看详情
• 35

  Specifying Dependencies

  第 443 页

  让我们来聊聊Salesforce Lightning中的组件创建方法：`$A.createComponent()`和`$A.createComponents()`。这两个方法非常强大，因为它们既可以在客户端（也就是你的浏览器里）同步创建组件，也可以在服务器端异步创建组件。不过，出于性能考虑，我们通常更倾向于在客户端创建组件。 当你使用`$A.createComponent()`时，你需要确保组件的定义已经存在。如果客户端的浏览器里还没有这个组件的定义，那么Salesforce框架就会跑到服务器上去获取它。这个过程可能会稍微慢一点，因为它需要从服务器下载数据。 为了避免这种延迟，你可以在调用`$A.createComponent()`的组件的标记中，为你要创建的组件添加一个``标签。这个标签的作用是确保组件的定义在客户端总是可用的。这样，你就不需要每次创建组件时都去服务器上获取定义了。不过，这样做也有一个权衡，那就是组件的定义会一直下载到客户端，即使你暂时不需要它。 如果服务器端的依赖项没有找到，那么这些方法就会在客户端同步执行。这意味着，创建组件的过程会立即在浏览器里完成，而不需要等待服务器的响应。顶级组件会决定是否需要向服务器发送请求来创建组件。如果组件有服务器端的依赖关系，比如客户端上还没有的组件定义，或者动态加载的标签，那么这些组件就必须在服务器上创建。 总结一下，`$A.createComponent()`和`$A.createComponents()`方法非常灵活，可以根据需要在客户端或服务器端创建组件。通过使用``标签，你可以优化性能，确保组件的定义在客户端总是可用。希望这些信息对你有帮助！

  ▶ 播放视频 查看详情
• 36

  Specifying Dependencies - 444

  第 444 页

  让我们来聊聊这个代码片段。想象一下，你正在搭建一个乐高模型，有时候你需要确保某些特定的乐高块是随时可用的，即使它们现在还没有被用到。在Salesforce的Aura框架中，``标签就像是你在乐高模型中提前准备好的那些特定乐高块。 在这个代码片段中，``标签的作用是告诉Salesforce：“嘿，我可能需要用到`c:mycustombutton`这个组件，所以请确保它已经准备好了。”这里的`c:mycustombutton`是一个自定义按钮组件，可能在某些情况下会被动态地加载和使用。 所以，这段代码的意思是：在这个Aura组件中，我们声明了一个依赖关系，表示我们可能会用到`c:mycustombutton`这个组件。这样，Salesforce就会提前加载这个组件，确保在我们需要的时候它已经准备好了。 简单来说，``标签就像是一个提醒，告诉系统：“别忘了准备这个组件，我可能会用到它哦！”这样，当我们需要的时候，这个组件就已经在那里等着我们了。

  ▶ 播放视频 查看详情
• 37

  <aura:dependency> - Supported Attributes

  第 445 页

  让我们来聊聊Salesforce中的``标签。这个标签在Lightning组件中非常有用，它可以帮助我们定义组件所依赖的资源。简单来说，就是告诉系统：“嘿，我这个组件需要用到哪些其他的东西。” 首先，我们来看一下``标签支持的属性。最常用的属性有两个： 1. ，resource，：这个属性用来指定组件依赖的资源。比如，你可以写`resource=&quot;markup://samplespace:sampleComponents&quot;`，这表示你的组件依赖于`samplespace`命名空间中的`sampleComponents`。 2. ，type，：这个属性用来指定组件依赖的资源类型。默认情况下，它的值是`COMPONENT`，也就是组件。但你也可以指定其他类型，比如`APPLICATION`（应用程序）或者`EVENT`（事件）。如果你需要依赖多种类型的资源，可以用逗号把它们分开，比如`type=&quot;COMPONENT,APPLICATION&quot;`。 总结一下，``标签就是用来告诉系统你的组件需要哪些其他资源来正常工作。通过`resource`和`type`这两个属性，你可以灵活地定义这些依赖关系。 希望这个解释对你有帮助！如果还有任何问题，随时问我哦。

  ▶ 播放视频 查看详情
• 38

  Destroying a Component

  第 446 页

  今天我们来聊聊如何在Salesforce的Lightning框架中，动态地销毁一个组件。听起来有点技术性，但其实很简单。 首先，想象一下你有一个页面，页面上有一个区域，我们叫它“myDynamicArea”。这个区域里可能有一些动态加载的组件。现在，如果你想把这些组件从页面上移除，你可以通过修改这个区域的“v.body”属性来实现。 具体怎么做呢？你可以用JavaScript找到这个区域，然后清空它的“v.body”。就像这样： ```javascript var target = component.find(&quot;myDynamicArea&quot;); target.set(&quot;v.body&quot;, []); ``` 这段代码的意思是，找到ID为“myDynamicArea”的区域，然后把它的内容清空。Lightning框架会自动检测到这个变化，并且销毁那些被移除的组件。 但是，这里有个小提示。如果你是用JavaScript动态创建了一个组件，并且这个组件没有添加到任何像“v.body”这样的属性中，那么你就需要手动调用`Components.Destroy()`来销毁它。这是为了避免内存泄漏，确保你的应用运行得更顺畅。 所以，总结一下，通过清空“v.body”可以轻松移除组件，但记得在特殊情况下要手动销毁组件哦。希望这个解释对你有帮助！

  ▶ 播放视频 查看详情
• 39

  Using lightning:overlaylibrary

  第 447 页

  今天我们来聊聊Salesforce中的Lightning组件——OverlayLibrary 447。这个组件非常有用，它可以帮助我们在用户界面上以一种简单而有效的方式显示信息和反馈。 首先，OverlayLibrary 447允许我们通过两种主要的方式来展示消息：一种是模式窗口，另一种是弹出窗口。模式窗口通常用于需要用户立即注意的重要信息，它会暂时阻止用户与页面的其他部分交互，直到用户关闭这个窗口。而弹出窗口则更为轻量，它可以在不打断用户当前操作的情况下，提供一些即时的反馈或信息。 在使用这个组件时，我们需要在触发消息的组件中包含一个标签。这个标签有一个特殊的属性叫做`aura:id`，这个id必须是唯一的，这样系统才能正确地识别和管理这些消息。有趣的是，即使我们要显示多条消息，也只需要一个这样的标签，这大大简化了我们的代码结构。 最后，OverlayLibrary 447的一个很大的优点是它与Salesforce的多个平台兼容，包括Salesforce移动设备、Lightning Experience以及Lightning Communities。这意味着无论你的用户是通过手机、电脑还是社区访问你的应用，他们都能看到一致且友好的信息提示。 总的来说，OverlayLibrary 447是一个非常强大的工具，可以帮助我们更好地与用户沟通，提供即时的反馈，同时保持界面的整洁和高效。希望这个介绍能帮助你更好地理解和使用这个组件！

  ▶ 播放视频 查看详情
• 40

  Editing Salesforce Records

  第 448 页

  今天我们来聊聊如何在Salesforce移动应用程序中使用``组件来编辑记录。这个组件非常有用，因为它可以让你在移动设备上轻松地编辑Salesforce中的记录。 首先，``组件是一个预构建的组件，专门用于在Salesforce移动应用中显示和编辑记录。你只需要在Lightning组件中使用这个标签，并指定你想要编辑的记录类型和记录ID，它就会自动生成一个编辑表单。 不过，这里有一个小细节需要注意：``组件本身并不包含保存按钮。这意味着，虽然用户可以在这个表单中编辑记录，但他们无法直接通过这个组件保存更改。你需要在组件外部添加一个保存按钮，并通过编写一些JavaScript代码来处理保存逻辑。 举个例子，假设你有一个名为`Account`的对象，并且你想要编辑一个特定的账户记录。你可以在Lightning组件中这样使用``组件： ```html ``` 在这个例子中，`recordId`是你想要编辑的记录的ID。`aura:id`是一个标识符，你可以用它来在JavaScript中引用这个组件。 然后，你可以在组件中添加一个按钮，并编写一个控制器方法来处理保存操作。例如： ```html ``` 在控制器中，你可以使用`force:recordSave`事件来保存记录： ```javascript ({ saveRecord: function(component, event, helper) { var recordEditForm = component.find(&quot;recordEditForm&quot;); recordEditForm.saveRecord(function(result) { if (result.state === &quot;SUCCESS&quot;) { // 记录保存成功 } else if (result.state === &quot;ERROR&quot;) { // 处理错误 } }); } }) ``` 这样，当用户点击保存按钮时，`saveRecord`方法会被调用，记录就会被保存。 总结一下，``组件是一个很方便的工具，可以让你在Salesforce移动应用中轻松编辑记录。虽然它本身没有保存按钮，但你可以通过添加一个按钮并编写一些简单的JavaScript代码来实现保存功能。希望这个解释对你有帮助！

  ▶ 播放视频 查看详情
• 41

  Next Exercise… Dynamically Instantiating Components

  第 449 页

  同学们，接下来我们来做下一个练习，这个练习是关于动态实例化对象的，编号是449。这个练习会涉及到一些比较高级的操作，但我会尽量用简单的方式来解释。 首先，我们要处理的是一个双击事件，这个事件叫做`DataGridRowDblClick`。当我们双击某一行的时候，会触发这个事件。接下来，我们要做的是编辑一个叫做`SObder`的对象，并且我们会创建一个新的定制组件来帮助我们完成这个操作。 然后，我们还会编辑另一个对象，叫做`SOjectFooter`，同样，我们也会为它创建一个新的定制组件。 在这个过程中，我们会调用一个叫做`lightning:overlayLibrary`的组件中的`notifyClose()`方法。这个方法的作用是关闭我们之前打开的弹窗或者覆盖层。 接下来，我们会使用标准的Salesforce组件来编辑记录。这个部分主要是关于如何在Salesforce中编辑记录的标准操作。 然后，我们会处理学生的选择。当学生选择了某个选项时，我们会触发一个叫做`Aw讲师学生选择的申请事件`的事件。同时，我们还会调用`DataGrid`组件中的`setselect`公共方法来设置选择。 我们还会处理一个叫做`StudentFilterChange`的事件，这个事件会在学生过滤条件改变时触发，我们需要刷新学生列表来反映这些变化。 最后，我们还会处理`DataGridRowClick`事件，这个事件会在点击某一行时触发，同样会触发`Aw讲师学生选择的应用程序事件`。 当我们双击某一行时，也就是触发`DataGridRowDblClick`事件时，我们会动态创建`EditSOb`和`EditSObidFooter`这两个组件，并且把它们传递给`lightning:overlayLibrary`的`showCustomModal`方法，这个方法会显示一个自定义的模态窗口。 好了，这就是我们这个练习的主要内容。虽然听起来有点复杂，但只要我们一步一步来，相信大家都能掌握。如果有任何问题，随时问我哦！

  ▶ 播放视频 查看详情
• 42

  Triggering a Save Operation

  第 450 页

  让我们来聊聊Salesforce中的触发保存操作。想象一下，你正在使用一个表单来编辑一些信息，比如学生的成绩。你输入了新的成绩，然后点击“保存”按钮。这时候，系统需要做两件事：一是保存你刚刚输入的数据，二是告诉你保存成功了。 在Salesforce中，我们使用一种叫做“aura:component”的东西来创建这样的功能。在这个组件里，我们定义了几个重要的部分： 1. ，recordID，：这是你要编辑的记录的ID，就像每个学生都有一个独一无二的学生证号码一样。 2. ，saveState，：这是一个状态标记，用来告诉你记录是否已经保存。一开始，它被设置为“未保存”。 3. ，onSaveSuccess，：这是一个事件处理器，当记录成功保存时，它会触发一个动作，比如改变“saveState”为“已保存”。 4. ，force:recordEdit，：这是一个组件，它允许你编辑记录。当你点击保存按钮时，它会触发一个叫做“e.recordSave”的事件，这个事件是异步的，意味着它不会立即完成，而是会在后台慢慢处理。 5. ，Lightning:button，：这是一个按钮，你点击它来保存记录。 当你点击保存按钮时，系统会调用一个叫做“SAVE”的函数。这个函数会找到“force:recordEdit”组件，并触发“e.recordSave”事件。然后，系统会异步地保存记录。保存成功后，系统会调用“handleSaveSuccess”函数，将“saveState”设置为“已保存”。 但是，这里有一个小问题。因为保存是异步的，所以你可能需要刷新页面，或者使用一种叫做“Lightning Data Service”的技术来监听记录的变化，并自动更新你的组件。 这就是为什么当你在做练习6-4时，你会发现通过表单编辑的内容不会立即显示在“StudentBrowser”组件中。你需要做一些额外的工作，比如刷新页面或者使用“Lightning Data Service”，来确保你的更改能够及时反映出来。 希望这个解释能帮助你更好地理解Salesforce中的触发保存操作。如果你有任何问题，随时问我！

  ▶ 播放视频 查看详情
• 43

  Creating Modals (1 of 3)

  第 451 页

  我们来聊聊如何在Salesforce的Lightning组件中创建一个情态框（Modal）。情态框是一种弹出窗口，通常用于显示重要信息或收集用户输入。 首先，我们来看一下代码的结构。这段代码定义了一个简单的Lightning组件，其中包含一个按钮和一个情态框的引用。 1. ，组件定义，：``标签定义了一个新的Lightning组件。这是所有Lightning组件的根标签。 2. ，情态框引用，：``这行代码创建了一个情态框的引用。`aura:id`属性给这个情态框引用起了一个名字，叫做`overlayLib`。这样我们可以在后面的JavaScript代码中通过这个名字来操作这个情态框。 3. ，按钮，：``标签创建了一个按钮。这个按钮有三个属性： - `name`：按钮的名字，这里是`modal`。 - `label`：按钮上显示的文本，这里是`Show Modal`。 - `onclick`：当用户点击按钮时，会触发一个JavaScript函数，这里是`handleShowModal`。 接下来，我们需要在JavaScript控制器中定义`handleShowModal`函数，来实际显示情态框。这个函数会使用我们之前定义的`overlayLib`引用来创建和显示情态框。 总结一下，这段代码创建了一个按钮，点击这个按钮会触发一个JavaScript函数，这个函数会显示一个情态框。情态框的具体内容和行为需要在JavaScript控制器中进一步定义。 希望这个解释能帮助你理解如何在Salesforce中创建情态框。如果有任何问题，随时问我！

  ▶ 播放视频 查看详情
• 44

  Creating Modals (2 of 3)

  第 452 页

  今天我们来聊聊如何在Salesforce中创建一个模态框（Modal）。模态框是一种常见的用户界面元素，通常用于显示重要信息或收集用户输入。在这个例子中，我们将使用Salesforce的Aura框架来创建一个模态框。 首先，我们来看一下代码的主要部分。这段代码定义了一个名为`handleShowModal`的函数，这个函数的作用是创建并显示一个模态框。 ```javascript handleShowModal: function(component, evt, helper) { var modalBody; var modalFooter; $A.createComponents([ [&quot;c:modalContent&quot;,{Id: &#39;some id&#39;}], [&quot;c:modalFooter&quot;,{}] ], function(components, status){ if (status === &quot;SUCCESS&quot;) { modalBody = components[0]; modalFooter = components[1]; component.find(&#39;overlayLib&#39;).showCustomModal({ header: &quot;Application Confirmation&quot;, body: modalBody, footer: modalFooter, showCloseButton: true, cssClass: &quot;&quot;, closeCallback: function() { alert(&#39;You closed the alert!&#39;); } }); } } }) ``` ### 1. ，创建模态框的内容和页脚， - 我们使用`$A.createComponents`方法来动态创建两个组件：`modalContent`和`modalFooter`。 - `modalContent`组件用于显示模态框的主要内容，而`modalFooter`组件则用于显示模态框的底部内容，比如按钮。 ### 2. ，显示模态框， - 当组件成功创建后（即`status === &quot;SUCCESS&quot;`），我们将`modalBody`和`modalFooter`分别赋值给`components[0]`和`components[1]`。 - 然后，我们使用`component.find(&#39;overlayLib&#39;).showCustomModal`方法来显示模态框。这个方法接受几个参数： - `header`：模态框的标题。 - `body`：模态框的主要内容。 - `footer`：模态框的底部内容。 - `showCloseButton`：是否显示关闭按钮。 - `cssClass`：自定义CSS类。 - `closeCallback`：当模态框关闭时执行的回调函数。 ### 3. ，模态框的内容组件， - `modalContent`组件是一个Aura组件，它包含一个`force:recordEdit`组件，用于编辑记录。这个组件需要一个`Id`属性来指定要编辑的记录。 ```html ``` ### 4. ，关闭模态框时的回调， - 当用户关闭模态框时，会触发`closeCallback`函数，这里我们简单地弹出一个提示框，告诉用户模态框已被关闭。 ### 总结 通过这段代码，我们学习了如何在Salesforce中创建一个模态框，并动态加载内容和页脚。我们还了解了如何使用`force:recordEdit`组件来编辑记录，并在模态框关闭时执行一些操作。 希望这个解释对你有帮助！如果你有任何问题，随时问我。

  ▶ 播放视频 查看详情
• 45

  Creating Modals (3 of 3)

  第 453 页

  让我们来聊聊如何在Salesforce中创建一个情态（Modal）。情态其实就是一个小窗口，通常用来显示一些额外的信息或者让用户进行一些操作。今天我们要讲的是如何创建一个带有“取消”和“确定”按钮的情态。 首先，我们来看一下代码的结构。我们有一个叫做`ModalFooter.cmp`的组件，这个组件主要负责情态的底部，也就是放置按钮的地方。 在这个组件里，我们使用了`lightning:overlayLibrary`这个标签。这个标签是用来管理情态的显示和隐藏的。你可以把它想象成一个幕后的大管家，负责控制情态的开关。 接下来，我们定义了两个按钮：一个是“取消”按钮，另一个是“确定”按钮。这两个按钮分别绑定了两个不同的点击事件：`handleCancel`和`handleOK`。 - ，取消按钮，：当用户点击“取消”按钮时，会触发`handleCancel`函数。这个函数的作用是关闭情态。我们通过调用`component.find(&quot;overlayLib&quot;).notifyClose()`来实现这个功能。简单来说，就是告诉大管家：“嘿，把情态关掉吧！” - ，确定按钮，：当用户点击“确定”按钮时，会触发`handleOK`函数。这个函数目前还没有具体的逻辑，你可以根据实际需求在这里添加一些操作。比如，保存用户输入的数据，或者执行一些其他的业务逻辑。 总结一下，这个情态的底部有两个按钮，一个用来关闭情态，另一个用来执行某些操作。你可以根据需要在这个基础上继续扩展功能。 希望这个解释对你有帮助！如果你有任何问题，随时问我哦！

  ▶ 播放视频 查看详情
• 46

  Creating Popovers (1 of 2)

  第 454 页

  今天我们来聊聊如何在Salesforce的Lightning组件中创建一个弹出窗口。这个功能在很多场景下都非常有用，比如当用户需要查看更多的信息或者进行一些操作时，弹出窗口可以提供一个简洁的界面。 首先，我们来看一下代码的第一部分。这里我们使用了``标签，这是一个Aura组件，它允许我们在页面上创建弹出窗口、模态框等覆盖层。我们给它设置了一个`aura:id`，这样我们可以在控制器中通过这个ID来引用它。 接下来，我们创建了一个``组件，这是一个常见的UI元素，用来展示信息。在卡片内部，我们放置了一个按钮和一个文本区域。按钮的标签是“Show Popover”，意思是“显示弹出框”。当用户点击这个按钮时，会触发一个名为`handleShowPopover`的控制器方法。 此外，我们还设置了一个`<span>`标签，里面有一段文字：“如果您将鼠标悬停在此处，则应显示弹出框。” 当用户将鼠标悬停在这个文字上时，同样会触发`handleShowPopover`方法。 这个`handleShowPopover`方法就是我们用来控制弹出窗口显示和隐藏的逻辑。在下一部分，我们会详细讲解如何编写这个控制器方法，以及如何定义弹出窗口的内容和样式。 这样，我们就完成了弹出窗口的基本框架搭建。接下来，我们会继续深入，看看如何让这个弹出窗口真正地“弹”出来。</span>

  ▶ 播放视频 查看详情
• 47

  Creating Popovers (2 of 2)

  第 455 页

  让我们来聊聊如何在Salesforce的Lightning组件中创建一个弹出窗口。这个功能非常实用，比如你想在用户点击某个按钮时，显示一些额外的信息或者提示。 首先，我们来看一下这个函数的定义，它叫做`ShowPopover`。这个函数接收三个参数：`component`、`event`和`helper`。这些参数是Lightning组件中常用的，`component`代表当前的组件，`event`是触发的事件，`helper`则是一些辅助函数。 在这个函数内部，我们使用了`component.find(&#39;overlayLib&#39;)`来找到一个名为`overlayLib`的库。这个库是用来管理弹出窗口的。然后，我们调用`showCustomPopover`方法来显示一个自定义的弹出窗口。 `showCustomPopover`方法接收一个对象作为参数，这个对象有几个重要的属性： - `body`：这是弹出窗口中显示的内容，比如这里我们写的是“这是我的Popover”。 - `referenceSelector`：这是弹出窗口要依附的元素的选择器，比如这里我们用的是`.mypopover`，这意味着弹出窗口会显示在类名为`mypopover`的元素旁边。 - `cssClass`：这是给弹出窗口添加的CSS类，可以用来自定义样式。这里我们添加了两个类：`popoverClass`和`cAw讲师`。 接下来，`showCustomPopover`方法返回一个Promise对象，我们可以在这个Promise的`then`方法中做一些后续操作。比如这里，我们使用了`setTimeout`函数，在3秒后关闭弹出窗口。`setTimeout`函数接收两个参数：一个是要执行的函数，另一个是延迟的时间（以毫秒为单位）。在这里，我们延迟了3000毫秒，也就是3秒，然后调用`overlay.close()`来关闭弹出窗口。 总结一下，这个`ShowPopover`函数的作用是：当它被调用时，会在指定的元素旁边显示一个弹出窗口，显示内容为“这是我的Popover”，并且在3秒后自动关闭。希望这个解释能帮助你理解如何在Salesforce中创建和管理弹出窗口。如果有任何问题，随时问我哦！

  ▶ 播放视频 查看详情
• 48

  Unit 6: Building Advanced Components - 457

  第 457 页

  同学们，今天我们来聊聊Salesforce的第6单元，这个单元主要是关于如何构建更高级的组件。听起来有点复杂，但别担心，我会用简单的话来解释。 首先，我们会学习如何创建组件，并且使用结束标签。这就像是给你的组件一个明确的“结束”信号，告诉系统这里是一个组件的结束点。 接下来，我们会学习如何动态地创建和销毁组件。这就像是你在玩积木，可以根据需要随时添加或移除积木块，非常灵活。 然后，我们会探讨如何让组件适应不同的地理区域。这意味着你的组件可以自动调整，以显示适合当地的语言和格式，比如日期和货币。 我们还会学习如何创建和使用子标签。这就像是在一个大家庭中，每个孩子都有自己的标签，方便你管理和识别。 此外，我们会学习如何引发和处理自定义事件。这就像是你在派对上发出一个信号，然后其他人根据这个信号做出反应。 我们还会学习如何使用渲染器在组件初始化时改变输出。这就像是在画画时，你可以选择不同的画笔和颜色来改变画作的效果。 最后，我们会学习如何编写特定于设备的代码。这意味着你的组件可以根据用户使用的设备（比如手机或电脑）来调整显示效果。 总之，这个单元会教你如何让你的Salesforce组件更智能、更灵活、更能适应不同的环境和需求。希望你们能跟上节奏，享受这个学习过程！

  ▶ 播放视频 查看详情
• 49

  Topics - 458

  第 458 页

  同学们，今天我们来聊聊Salesforce中的一个小技巧——如何使用标签来本地化日期、时间和数字。这个功能非常有用，特别是当你的应用需要支持多语言或者不同地区的用户时。 首先，什么是本地化呢？简单来说，就是让日期、时间和数字的显示方式符合用户所在地区的习惯。比如，美国用户习惯的日期格式是“月/日/年”，而欧洲用户则习惯“日/月/年”。Salesforce通过标签功能，可以自动根据用户的地区设置来调整这些格式。 接下来，我们来看看如何操作。首先，你需要在Salesforce中找到“标签”功能。这个功能通常在设置菜单里，你可以通过搜索“标签”来快速找到它。 找到标签后，你可以创建新的标签，或者编辑现有的标签。在标签的编辑页面，你会看到一些选项，比如“日期格式”、“时间格式”和“数字格式”。你可以根据你的需求，选择合适的格式。 设置好格式后，Salesforce会自动根据用户的地区设置来应用这些格式。这样，无论用户在哪里，他们看到的日期、时间和数字都会是他们习惯的格式。 最后，提醒一下，别忘了在学生指南中找到相关的幻灯片。这些幻灯片会有更详细的步骤和示例，帮助你更好地理解和应用这个功能。 好了，今天的课程就到这里。希望你们能掌握这个技巧，让你们的Salesforce应用更加用户友好。如果有任何问题，随时提问哦！

  ▶ 播放视频 查看详情
• 50

  Localizing Content

  第 459 页

  今天我们来聊聊如何在Salesforce中实现本地化，也就是让你的组件能够支持多种语言、货币和日期格式。这样，无论你的用户来自哪里，他们都能以自己熟悉的方式看到信息。 首先，你可以定义一些动态标签。这些标签的内容可以根据用户的语言设置自动翻译成不同的语言。比如，如果你有一个按钮标签是“Submit”，你可以设置它在英语用户那里显示“Submit”，在法语用户那里显示“Soumettre”。 接下来，我们有两个非常有用的组件，分别是``和``。这两个组件可以帮助你根据用户的本地设置来显示日期和数字。比如，日期在美国可能是“MM/DD/YYYY”格式，而在欧洲可能是“DD/MM/YYYY”格式。使用这些组件，你可以确保日期和数字总是以用户习惯的方式显示。 最后，别忘了利用`$Locale`环境变量和Lightning本地化服务。这些工具可以帮助你根据用户的地理位置和语言偏好，自动调整日期、数字和货币的格式。比如，货币符号在美国是“$”，在欧洲可能是“€”，使用这些服务，你可以确保货币符号总是正确的。 通过这些方法，你的Salesforce组件就能更好地服务于全球用户，让他们无论在哪里都能感受到贴心的本地化体验。希望这些信息对你有帮助！

  ▶ 播放视频 查看详情
• 51

  Using Labels

  第 460 页

  今天我们来聊聊Salesforce中的自定义标签（Custom Labels）。自定义标签是一个非常实用的功能，它允许你在Salesforce中创建一些文本值，这些文本值可以被翻译成Salesforce支持的任何语言。这样，无论你的用户来自哪里，他们都能看到自己熟悉的语言。 首先，自定义标签的最大长度是1000个字符，这意味着你可以在这里放入相当长的一段文字。而且，每个Salesforce组织最多可以创建5000个自定义标签，这对于大多数企业来说应该是绰绰有余的。 那么，如何创建这些自定义标签呢？很简单，你只需要按照以下路径操作：首先进入“设置”，然后找到“用户界面”部分，点击“自定义标签”就可以了。在这里，你可以添加新的标签，编辑现有的标签，或者删除不再需要的标签。 使用自定义标签的好处是显而易见的。它可以帮助你的应用更好地适应全球市场，让不同语言的用户都能有良好的使用体验。所以，如果你正在开发一个面向国际市场的应用，不妨试试使用自定义标签来提升你的应用的用户体验吧！

  ▶ 播放视频 查看详情
• 52

  Manually Translating Labels

  第 461 页

  让我们来聊聊如何在Salesforce中手动翻译标签。首先，你需要知道的是，在你开始把标签翻译成其他语言之前，有一个重要的步骤——那就是启用翻译收件箱。你可以想象翻译收件箱就像是一个工作台，所有的翻译工作都是从这里开始的。 一旦你启用了翻译收件箱，接下来你需要做的就是选择一些用户来担任翻译员。这些用户需要能够支持你想要翻译的语言。比如，如果你需要把标签翻译成法语，那么你就需要选择懂法语的用户来帮忙。 当这些被选中的用户登录到Salesforce的Lightning Experience界面，并开始编辑自定义标签时，他们会看到一个特别的选项。这个选项允许他们把标签翻译成他们被分配的语言。想象一下，这就像是在他们的工作台上多了一个小工具，专门用来把标签变成另一种语言。 所以，简单来说，启用翻译收件箱，选择合适的翻译员，然后这些翻译员就可以在编辑标签时，轻松地将它们翻译成所需的语言了。这样，你的Salesforce系统就能更好地支持多语言环境，让不同语言的用户都能轻松使用。

  ▶ 播放视频 查看详情
• 53

  Manually Translating Labels - 462

  第 462 页

  让我们来聊聊Salesforce中的手动翻译标签功能。想象一下，你正在使用Salesforce，并且你需要支持多种语言。这时候，手动翻译标签就派上用场了。 首先，你需要启用翻译收件箱。启用之后，你得选择一些用户来担任翻译员。这些用户需要能够翻译你所需要的语言。 当这些被选中的用户登录到Lightning Experience（也就是Salesforce的现代用户界面）并开始编辑自定义标签时，他们会看到一个特别的选项。这个选项允许他们将标签翻译成他们被分配的语言。 简单来说，就是你可以指定一些用户来帮你把Salesforce中的标签翻译成不同的语言。这样，无论你的用户说什么语言，他们都能看到合适的标签，使用起来更加方便。 希望这个解释对你有帮助！如果你还有其他问题，随时问我哦。

  ▶ 播放视频 查看详情
• 54

  Programmatically Access Labels

  第 463 页

  让我们来聊聊如何在Salesforce中通过编程方式访问自定义标签。自定义标签是一种非常方便的工具，它允许你在应用中存储文本，比如按钮标签、错误消息等，这样你就可以轻松地在不同地方重复使用这些文本，而不需要每次都手动输入。 首先，如果你想在Visualforce页面或者Lightning组件中直接使用这些标签，你可以使用一种叫做动态表达式的语法。这个语法的格式是这样的： ```apex {! $Label.namespace.labelName } ``` 这里的`namespace`是你的组织的命名空间。如果你的组织使用的是默认的命名空间，那么你可以用`c`来代替命名空间，就像这样： ```apex {! $Label.c.labelName } ``` 举个例子，如果你有一个自定义标签叫做`WelcomeMessage`，并且你的组织使用的是默认命名空间，那么你可以这样来访问它： ```apex {! $Label.c.WelcomeMessage } ``` 接下来，如果你是在控制器或者帮助器函数中想要获取这个标签的值，你可以使用`$A.get()`函数。这个函数可以帮助你从JavaScript代码中获取标签的值。使用的方法是这样的： ```javascript $A.get(&quot;$Label.namespace.labelName&quot;); ``` 同样地，如果使用的是默认命名空间，你可以这样写： ```javascript $A.get(&quot;$Label.c.labelName&quot;); ``` 这样，你就可以在代码中动态地获取和使用这些自定义标签了。希望这些信息对你有帮助！如果有任何疑问，随时问我哦。

  ▶ 播放视频 查看详情
• 55

  Localizing Dates, Times, and Numbers

  第 464 页

  今天我们来聊聊Salesforce中的本地化设置。本地化，简单来说，就是让系统能够适应不同地区的习惯，比如日期、时间、数字的显示方式，还有货币符号等等。 首先，我们来看国家/地区的设置。每个国家都有一个独特的代码，这个代码遵循的是ISO 3166标准。比如，美国的代码是“US”，德国是“DE”，英国是“GB”。 接下来是货币。每个国家使用的货币符号和代码也是不一样的。比如，美元用“$”表示，而货币代码则是“USD”，这是遵循ISO 4217标准的。 货币格式也很重要，它决定了货币的显示方式。比如，“#，##0.00；(#，##0.00)”这个格式中，“#”代表数字，逗号是千位分隔符，句点是小数点。如果有负数，它会显示在括号里。 日期和时间的格式也是本地化的一部分。比如，日期格式可能是“MMM D，YYYY”，这表示月份用英文缩写，日和年用数字表示。时间格式可能是“h：mm：ss a”，这表示小时、分钟、秒，还有上午或下午的标识。 小数和分组的分隔符也很关键。通常，小数点用“.”表示，而千位分隔符用“，”表示。 语言设置也很重要，它决定了系统显示的语言。比如，“en”代表英语，“fr”代表法语，“de”代表德语。 区域设置ID，比如“EN_US”代表美国英语，“EN_GB”代表英国英语。 百分比格式，比如“#，#0%”，这表示数字后面跟着百分号。 时区设置也很关键，比如“美国/洛杉矶”和“美国/纽约”就代表了不同的时区。 最后，变异设置，这通常是为了适应不同的操作系统或浏览器，比如“Win”代表Windows系统，“MAC”代表苹果系统，“POSIX”则是一种标准。 好了，这就是Salesforce中本地化设置的一些基本概念。希望这些信息对你们有所帮助！

  ▶ 播放视频 查看详情
• 56

  Using $Locale in Markup

  第 465 页

  让我们来聊聊在Salesforce的Lightning组件中如何使用`$Locale`这个全局变量。`$Locale`是一个非常方便的工具，它可以帮助我们获取用户的语言、时区、数字格式和货币格式等信息。这样，我们就可以根据用户的地理位置和偏好来展示内容，让应用更加个性化。 首先，我们来看一下如何在组件的标记中使用`$Locale`。你可以在组件的HTML部分直接引用`$Locale`的属性，比如用户的语言、时区、数字格式和货币格式。这样，当组件渲染时，这些信息就会自动显示出来。比如： ```html {!$Locale.language} {!$Locale.timezone} {!$Locale.numberFormat} {!$Locale.currencyFormat} ``` 接下来，我们看看如何在JavaScript中使用`$Locale`。假设你想在用户点击某个按钮时，弹出一个提示框，告诉他们当前使用的语言。你可以这样做： ```javascript ({ checkDevice: function(component) { var locale = $A.get(&quot;$Locale.language&quot;); // 获取用户的语言 alert(&quot;您正在使用 &quot; + locale); // 弹出提示框显示语言 } }) ``` 在这个例子中，`$A.get(&quot;$Locale.language&quot;)`是用来获取用户语言的。然后，我们用一个简单的`alert`函数来显示这个信息。 总结一下，`$Locale`是一个非常强大的工具，它可以帮助我们根据用户的地理位置和偏好来定制我们的应用。无论是在组件的标记中直接使用，还是在JavaScript中动态获取，`$Locale`都能让我们的应用更加智能和用户友好。希望这个解释对你有帮助！

  ▶ 播放视频 查看详情
• 57

  User Locale Settings

  第 466 页

  让我们来聊聊Salesforce中的用户区域设置，也就是我们常说的“Locale”。这个设置对于全球化的企业来说特别重要，因为它决定了用户界面上的日期、时间、数字和货币等信息的显示格式。 想象一下，你在中国工作，你的同事在美国，而你的客户在德国。每个人习惯的日期格式可能都不一样，中国人可能习惯“年-月-日”，美国人可能习惯“月/日/年”，而德国人可能习惯“日.月.年”。Salesforce通过用户区域设置，可以确保每个人看到的日期格式都是他们最熟悉的。 在Lightning体验中，用户可以轻松设置他们的区域。这个设置一旦完成，Salesforce中的一些组件，比如和，就会自动读取这个设置，并调整它们的显示方式。这意味着，如果你设置的是美国区域，那么数字可能会显示为“1,000.00”，而如果你设置的是德国区域，同样的数字可能会显示为“1.000,00”。 这样的智能调整，不仅让用户感觉更加亲切，也减少了因格式不同而产生的误解。所以，设置正确的区域，对于提升用户体验和沟通效率都是非常有帮助的。

  ▶ 播放视频 查看详情
• 58

  Localizing Dates in Markup with <lightning:formattedDateTime>

  第 467 页

  让我们来聊聊如何在Salesforce中使用``这个组件来显示日期和时间，并且如何根据不同的地区设置来本地化这些日期和时间。 首先，``是一个非常方便的组件，它可以帮助我们以一种用户友好的方式显示日期和时间。你可以通过设置不同的属性来控制日期和时间的显示格式。 比如，你可以在组件中设置`value`属性来指定你想要显示的日期和时间。这个值通常是一个ISO格式的日期字符串，就像例子中的`2013-05-07T00:17:08.997Z`。 接下来，你可以通过设置`year`、`month`、`day`、`hour`、`minute`和`weekday`这些属性来定制日期和时间的显示方式。例如，`year=&quot;numeric&quot;`会显示四位数的年份，`month=&quot;short&quot;`会显示缩写的月份名称，`day=&quot;2-digit&quot;`会显示两位数的日期，等等。 如果你想要覆盖默认的时区设置，你可以使用`timeZone`属性来指定一个不同的时区。这样，日期和时间就会根据你指定的时区来显示，而不是根据用户的运行时环境的时区。 最后，``组件还支持地区设置。这意味着你可以根据用户的语言和地区偏好来显示日期和时间。例如，如果你将地区设置为西班牙语（西班牙），日期和时间就会以西班牙语的格式显示，如“lunes，5月6日。de 2013 20：17”。如果你将地区设置为英语（美国），日期和时间就会以英语的格式显示，如“2013年5月6日星期一，晚上8：17”。 总之，``是一个非常强大的组件，它可以帮助你轻松地显示和本地化日期和时间，让你的应用更加用户友好。希望这个解释对你有帮助！

  ▶ 播放视频 查看详情
• 59

  Localizing Numbers in Markup with <lightning:formattedNumber>

  第 468 页

  让我们来聊聊Salesforce中的组件，以及它如何帮助我们根据不同的地区设置来格式化数字、货币和百分比。 首先，是一个非常强大的工具，它允许我们根据用户的地区设置来显示数字。这意味着，如果你的用户在美国，数字会以一种方式显示；如果他们在法国，数字会以另一种方式显示。 让我们来看一个例子。假设我们有一个数字10000.1，我们想把它格式化为货币形式。我们可以这样写代码： ```html ``` 在这个例子中，`value`是我们想要格式化的数字，`style`设置为`currency`表示我们要格式化为货币，`currencyCode`设置为`USD`表示我们要使用美元。 现在，假设我们的用户在美国，那么输出将会是“$10,000.10”。这里的逗号是千位分隔符，小数点后是两位小数。 但是，如果我们的用户在法国，情况就不同了。在法国，逗号通常用作小数点，而空格或点用作千位分隔符。所以，同样的数字在法国可能会显示为“10 000,10 $”。 这就是的魔力所在——它能够根据用户的地区设置自动调整数字的显示方式，使得数字在不同的地区都能被正确理解。 总结一下，组件是一个非常实用的工具，它帮助我们根据用户的地区设置来格式化数字、货币和百分比，确保我们的应用在全球范围内都能提供一致且易于理解的用户体验。

  ▶ 播放视频 查看详情
• 60

  Localizing Dates and Numbers in Markup with <lightning:outputField>

  第 469 页

  让我们来聊聊如何在Salesforce中使用``组件来显示日期和数字，并且让它们根据用户的区域设置自动格式化。 首先，``是一个非常方便的组件，它可以根据字段的类型自动调整显示的格式。比如，如果你有一个日期字段，它会根据用户的区域设置显示成他们习惯的日期格式；如果是数字字段，它也会根据区域设置来显示小数点和千位分隔符。 举个例子，假设我们有一个联系人的记录页面，我们想要显示这个联系人的名字、默认折扣和生日。我们可以这样写代码： ```html <div class="slds-box slds-theme_default"> </div> ``` 在这个例子中，``组件会自动读取用户的Salesforce区域设置，并根据这个设置来格式化显示的内容。比如，如果用户的区域设置是美国，日期可能会显示为“MM/DD/YYYY”，而如果用户的区域设置是德国，日期可能会显示为“DD.MM.YYYY”。 同样地，数字字段也会根据区域设置来显示。比如，美国的用户可能会看到“1,000.50”，而德国的用户可能会看到“1.000,50”。 总之，使用``组件，你可以轻松地确保你的应用在不同地区的用户面前都能以他们习惯的方式显示日期和数字，而不需要你自己手动去处理这些格式化的细节。这样不仅节省了时间，还能提升用户体验。

  ▶ 播放视频 查看详情
• 61

  Define a dynamic label for use in the “Not Available” message.

  第 470 页

  让我们来聊聊如何在Salesforce中定义一个动态标签，用于显示“不可用”的消息。这个功能特别有用，尤其是当你需要支持多语言环境时，比如法语。 首先，动态标签是什么？简单来说，动态标签就是一段可以在不同情况下显示不同内容的文本。比如，当某个功能不可用时，你可以设置一个标签来显示“此功能当前不可用”这样的消息。 现在，假设我们想要为使用法语的用户显示一个翻译后的“不可用”消息。你可以这样做： 1. ，创建动态标签，：在Salesforce的设置中，找到“自定义标签”部分，然后点击“新建”。在这里，你可以输入标签的名称和描述，然后在“文本”框中输入“此功能当前不可用”的英文版本。 2. ，添加翻译，：接下来，你需要为这个标签添加法语翻译。在同一个页面上，你会看到一个“翻译”部分。点击“添加翻译”，然后选择“法语”作为语言，并在文本框中输入相应的法语翻译，比如“Cette fonctionnalité est actuellement indisponible”。 3. ，使用标签，：现在，你可以在你的应用中使用这个动态标签了。当系统检测到用户的语言设置为法语时，它会自动显示法语版本的“不可用”消息。 这样，无论用户使用哪种语言，他们都能看到一个清晰、友好的提示信息。这不仅提升了用户体验，也展示了你的应用对多语言环境的良好支持。希望这个解释对你有帮助！如果有任何问题，随时问我哦。

  ▶ 播放视频 查看详情
• 62

  Unit 6: Building Advanced Components - 471

  第 471 页

  同学们，今天我们来聊聊Salesforce的第6单元，这个单元主要是关于如何构建更高级的组件。听起来有点复杂，但别担心，我会用简单的话来解释。 首先，我们会学习如何创建组件，并且给这些组件加上结束标签。这就像是给你的组件一个明确的“结束”标志，让系统知道哪里是组件的终点。 接下来，我们会探讨如何动态地创建和销毁组件。想象一下，你有一个按钮，点击它就能创建一个新的组件，再点击一下就能把它删除。这就是动态实例化和销毁组件的概念。 然后，我们会学习如何让组件适应不同的地理区域。比如，如果你的应用要在美国和中国使用，你可能需要显示不同的语言或格式。这就是本地化的内容。 我们还会学习如何使用渲染器来改变组件的初始输出。这就像是在组件刚刚启动时，给它穿上不同的“衣服”，让它看起来不一样。 最后，我们会讨论如何编写特定于设备的代码。这意味着你的组件可以根据用户使用的设备（比如手机或电脑）来显示不同的内容。 总的来说，这个单元会教你如何让你的Salesforce组件更智能、更灵活。希望你们能跟上节奏，我们一起把这些概念变成实际的操作技能。加油！

  ▶ 播放视频 查看详情
• 63

  Topics - 472

  第 472 页

  同学们，今天我们来聊聊如何在Salesforce移动设备中禁用“拉来刷新”功能。这个功能在移动应用中很常见，就是当你下拉屏幕时，页面会自动刷新。但在某些情况下，我们可能不希望这个功能出现。 首先，我们需要使用一种叫做“渲染器”的工具。渲染器在Salesforce中是用来控制页面显示方式的。通过它，我们可以决定哪些功能在页面上是可见的，哪些是不可见的。 具体到禁用“拉来刷新”这个功能，我们需要在渲染器中进行一些设置。这通常涉及到编写一些代码，告诉Salesforce在移动设备上不要启用这个下拉刷新的功能。 在操作之前，我建议大家先花点时间查看一下学生指南中的相关幻灯片。这些幻灯片会提供更详细的步骤和示例代码，帮助大家更好地理解和操作。 好了，这就是今天的主要内容。希望大家能够通过这个学习，掌握如何在Salesforce移动设备中禁用“拉来刷新”功能。如果有任何疑问，随时提问哦！

  ▶ 播放视频 查看详情
• 64

  Using Renderers

  第 473 页

  让我们来聊聊Salesforce中的这些渲染函数，它们是如何工作的，以及你该如何使用它们来构建你的组件。 首先，我们来看`Render()`函数。这个函数的主要任务是返回一个DOM节点，或者一组DOM节点，甚至有时候什么都不返回。当你在构建一个基本的HTML组件时，`Render()`函数是必不可少的，因为它负责在浏览器中创建和显示组件的DOM元素。在你开始添加自己的自定义渲染代码之前，通常会先调用`SuperRender()`。这个函数会帮助你创建那些在标记中已经定义好的DOM节点，确保你的组件有一个坚实的基础。 接下来是`AfterRender()`函数。这个函数在DOM节点已经被浏览器渲染出来之后执行。这里你可以做一些额外的设置或者调整，比如绑定事件监听器或者进行一些DOM操作。同样地，为了保持组件的一致性，你通常会调用`this.SuperAfterRender()`来确保默认的行为也被执行。 然后是`Rerender()`函数。每当你的组件需要重新绘制时，比如当组件的属性值发生变化时，这个函数就会被调用。你可以在这里添加逻辑来响应这些变化，并更新DOM。别忘了调用`this.SuperRerender()`，这样可以确保组件的默认重绘行为也被执行。 最后是`Unrender()`函数。当你的组件即将被销毁时，这个函数会被调用。这是一个清理的好时机，比如移除事件监听器或者释放资源。同样，调用`this.SuperUnrender()`可以确保组件的默认清理行为也被执行。 记住，这些函数都是为了帮助你更好地控制组件的生命周期和行为。通过合理地使用它们，你可以构建出既强大又灵活的Salesforce组件。希望这些解释能帮助你更好地理解和使用这些函数！

  ▶ 播放视频 查看详情
• 65

  Using Renderers – Best Practices

  第 474 页

  今天我们来聊聊Salesforce中的渲染器最佳实践，特别是第474条。这条规则主要是关于如何正确地使用渲染器来修改DOM元素，以及如何保持组件的封装性。 首先，渲染器应该只修改属于自己组件的那部分DOM元素。这是什么意思呢？简单来说，就是每个组件都有自己的“领地”，渲染器应该只在自己的领地里做修改，不要去碰别人的领地。即使你是从父组件进入的，也不应该去访问或修改其他组件的DOM元素。这样做会破坏组件的封装性，就像你不应该随便进别人的房间去动别人的东西一样。 其次，渲染器永远不应该触发事件。为什么呢？因为渲染器的主要职责是处理视图的渲染和更新，而不是去触发事件。如果你需要在渲染过程中触发某些行为，应该使用`init`事件。`init`事件是在组件初始化时触发的，适合用来做一些初始化的操作，而不是在渲染过程中去触发其他事件。 总结一下，使用渲染器时，要记住两点：一是只修改自己组件的DOM元素，保持组件的封装性；二是不要触发事件，如果需要初始化操作，使用`init`事件。这样，你的代码会更加清晰、可维护，也符合最佳实践。 希望这些内容对你有帮助！如果有任何问题，随时问我哦。

  ▶ 播放视频 查看详情
• 66

  Sample Boilerplate Renderer

  第 475 页

  让我们来聊聊Salesforce中的渲染器函数。想象一下，你正在搭建一个乐高模型，渲染器函数就像是你在搭建过程中使用的不同工具，帮助你更好地完成模型的各个部分。 首先，我们有四个主要的渲染器函数：`render`、`afterRender`、`rerender` 和 `unrender`。每个函数都有它特定的用途，就像乐高工具中的不同部件一样。 1. ，render函数，：这是你开始搭建模型的地方。在这个函数里，你会先调用`this.superRender()`，这就像是拿起乐高积木的第一步。然后，你可以对返回的内容进行一些修改，就像在搭建过程中调整积木的位置。最后，你会返回这个修改后的内容，完成初步的搭建。 2. ，afterRender函数，：这个函数在你完成初步搭建后调用。你可以在这里添加一些额外的装饰或者调整，就像在乐高模型上添加一些小细节。调用`this.superAfterRender()`确保基础部分已经完成，然后你可以添加自己的代码来进一步美化模型。 3. ，rerender函数，：如果你需要重新搭建模型的某一部分，这个函数就派上用场了。调用`this.superRerender()`来确保基础部分已经准备好，然后你可以添加自己的代码来重新调整或更新模型的部分内容。 4. ，unrender函数，：当你需要拆除模型时，这个函数就非常重要了。调用`this.superUnrender()`来确保基础部分被正确拆除，然后你可以添加自己的代码来清理或移除不需要的部分。 总的来说，这四个渲染器函数就像是你在搭建和调整乐高模型时使用的不同工具，帮助你更好地控制和管理你的Salesforce组件。希望这个比喻能帮助你更好地理解这些函数的作用！

  ▶ 播放视频 查看详情
• 67

  Disabling "Pull to Refresh" in Salesforce Mobile

  第 476 页

  今天我们来聊聊如何在Salesforce Mobile 476中禁用“拉动刷新”功能。这个功能虽然方便，但有时候它会干扰到Lightning组件和应用程序中的滚动条正常工作。别担心，我们可以通过几个简单的步骤来解决这个问题。 首先，我们需要将你的顶级组件包裹在一个`<div>`标签中，并且给这个`<div>`标签设置一个`aura:id`，比如“mainApp”。这样做是为了我们能够更容易地控制这个组件。 接下来，我们需要定义一个渲染器函数。这个函数有几个任务要完成： 1. ，调用默认渲染函数，：首先，我们需要调用`this.superAfterRender()`。这一步是为了确保所有默认的渲染行为都能正常执行。 2. ，获取DOM元素，：然后，我们需要获取指向这个`<div>`包装器的DOM元素的指针。这样我们才能直接操作这个元素。 3. ，添加事件监听器，：最后，我们需要给这个外部的`<div>`包装器添加一个“touchmove”事件监听器。这个监听器的作用是阻止“touchmove”事件冒泡到Salesforce移动设备的“拉动刷新”处理程序。这样一来，当用户在组件内部滚动时，就不会触发“拉动刷新”功能了。 通过以上步骤，你就可以禁用“拉动刷新”功能，同时确保你的组件内部滚动能够正常工作。希望这个解释对你有帮助！如果有任何问题，随时问我哦。</div></div></div></div>

  ▶ 播放视频 查看详情
• 68

  Disabling "Pull to Refresh" in Salesforce Mobile - Example

  第 477 页

  让我们来聊聊如何在Salesforce Mobile应用中禁用“Pull to Refresh”这个功能。这个功能通常允许用户通过下拉屏幕来刷新页面内容，但有时候我们可能不希望用户这样做，比如在某些特定的页面或者应用中。 首先，我们需要理解代码的基本结构。这段代码是用JavaScript编写的，它会在页面渲染完成后执行。我们来看一下代码的每一部分： 1. ，afterender函数，：这是一个生命周期钩子函数，它在组件渲染完成后被调用。在这里，我们首先调用了`superAfterender()`，这是确保父类的逻辑也被执行。 2. ，查找元素，：我们使用`component.find(&quot;mainapp&quot;).getElement()`来找到页面上的主要应用元素。这个元素是我们想要禁用“Pull to Refresh”的地方。 3. ，添加事件监听器，：我们给这个元素添加了一个“触摸”事件监听器。当用户在这个元素上触摸屏幕时，这个监听器就会被触发。 4. ，阻止事件传播，：在事件监听器中，我们调用了`e.stopPropagation()`。这个方法的作用是阻止事件继续传播，也就是说，它会阻止默认的“Pull to Refresh”行为。 5. ，事件捕获，：我们将事件监听器的第三个参数设置为`false`，这意味着我们是在事件冒泡阶段处理这个事件，而不是在捕获阶段。 通过这样的设置，当用户在页面上尝试下拉刷新时，由于我们阻止了事件的传播，页面就不会执行刷新操作了。 希望这个解释能帮助你理解如何在Salesforce Mobile中禁用“Pull to Refresh”功能。如果你有任何问题，随时问我！

  ▶ 播放视频 查看详情
• 69

  Unit 6: Building Advanced Components - 478

  第 478 页

  同学们，今天我们来聊聊Salesforce的第6单元，这个单元主要是关于如何构建更高级的组件。听起来有点复杂，但其实只要跟着步骤来，你会发现它并不难。 首先，我们会学习如何创建使用结束标签的组件。这就像是给你的组件加一个“结束语”，让它在完成工作后能正确地关闭。 接下来，我们会探讨如何动态地创建和销毁组件。这就像是你在玩积木，可以根据需要随时搭建或拆掉某个部分，非常灵活。 然后，我们会学习如何让组件适应不同的地理区域。这就像是你的组件会说多种语言，无论用户在哪里，都能看到适合他们的内容。 我们还会学习如何创建和使用组件的子标签。这就像是给你的组件添加一些小助手，帮助它更好地完成任务。 此外，我们还会学习如何引发和处理自定义事件，以及如何使用渲染器在组件初始化时改变它的输出。这就像是给你的组件装上了一个智能大脑，让它能根据情况做出反应。 最后，我们会学习如何编写特定于设备的代码。这就像是让你的组件能识别不同的设备，比如手机、平板或电脑，然后提供最适合的显示方式。 总的来说，这个单元会教你如何让你的Salesforce组件变得更智能、更灵活、更适应不同的用户和环境。听起来是不是很有趣？让我们一起开始学习吧！

  ▶ 播放视频 查看详情
• 70

  Topics - 479

  第 479 页

  同学们，今天我们来聊聊如何使用$浏览器这个功能。首先，请大家花点时间在学生指南中找到相关的幻灯片。这些幻灯片会帮助我们更好地理解$浏览器的使用方法和技巧。 $浏览器是Salesforce中一个非常强大的工具，它可以帮助我们在不同的环境中快速切换和查看数据。想象一下，你正在处理一个复杂的项目，需要同时查看多个记录或页面。这时候，$浏览器就像是一个多任务处理的助手，让你可以轻松地在不同的标签页之间切换，而不需要反复打开和关闭页面。 在幻灯片中，你会看到一些具体的操作步骤和示例。比如，如何打开一个新的标签页，如何在不同的标签页之间切换，以及如何关闭不再需要的标签页。这些操作都非常简单，只需要点击几下鼠标就可以完成。 另外，$浏览器还有一些高级功能，比如保存常用的页面为书签，这样下次你可以直接点击书签快速访问，而不需要重新搜索。这些功能可以大大提高我们的工作效率。 所以，请大家先找到幻灯片，跟着上面的步骤一步步操作。如果有任何问题，随时可以问我。我们一起来探索$浏览器的强大功能吧！

  ▶ 播放视频 查看详情
• 71

  Using $Browser

  第 480 页

  今天我们来聊聊Salesforce中的一些非常实用的功能，特别是关于如何判断用户是通过什么设备访问你的Salesforce应用的。这些功能可以帮助你更好地优化用户体验，确保你的应用在不同的设备上都能良好运行。 首先，我们有一个叫做`$Browse.formFactor`的功能。这个功能可以根据用户使用的硬件类型，返回一个叫做`FormFactor`的枚举值。这个枚举值会告诉你用户是在用桌面电脑、手机还是平板电脑访问你的应用。比如，如果用户是在桌面电脑上访问，`$Browse.formFactor`就会返回“DESKTOP”；如果是在手机上，就会返回“PHONE”；如果是在平板电脑上，就会返回“TABLET”。 接下来，我们还有一些更具体的判断功能。比如，`$Browser.isAndroid`可以告诉你用户是否在使用Android操作系统。如果是，这个功能就会返回`true`。同样地，`$Browser.isIOS`可以判断用户是否在使用iOS系统，比如iPhone或iPad。 如果你特别想知道用户是否在使用iPad，你可以使用`$Browser.isIPad`。这个功能会告诉你用户是否在iPad上访问你的应用。同样地，`$Browser.isPhone`可以告诉你用户是否在使用手机，而`$Browser.isTablet`则可以判断用户是否在使用平板电脑。 最后，如果你需要知道用户是否在使用Windows Phone，你可以使用`$Browser.isWindowsPhone`。这个功能会告诉你用户是否在使用Windows Mobile操作系统。 这些功能都非常有用，可以帮助你根据用户的不同设备，提供更加个性化的体验。希望这些信息对你有帮助！如果你有任何问题，随时问我哦！

  ▶ 播放视频 查看详情
• 72

  Unit Summary

  第 481 页

  今天我们来聊聊如何在Salesforce的Aura框架中动态地创建和管理组件。首先，你可以使用{!v.body}来访问和修改组件的主体内容。这是一个非常强大的功能，因为它允许你在运行时动态地改变组件的内容。 接下来，如果你想在代码中创建一个新的组件实例，你可以使用$A.createComponents()函数。这个函数会生成一个新的组件，然后你可以将这个新组件附加到父组件的body中。这样，你就可以在页面上动态地添加新的UI元素了。 不过，有一点需要注意，动态创建组件是一个同步操作。这意味着，除非所有的依赖项都已经下载完毕，否则这个操作不会完成。所以，如果你的组件依赖于某些外部资源，确保这些资源都已经加载完成是非常重要的。 为了帮助Aura框架知道哪些组件可能会被动态创建，你可以使用标签。这个标签告诉框架，这些组件可能会在父组件的客户端控制器中被动态实例化。这样，框架就可以提前准备好这些组件，确保它们在需要时能够快速加载。 最后，如果你不再需要一个组件，你可以使用component.destroy()函数来销毁它。这个函数会从DOM中移除组件，并释放它占用的资源。这对于管理内存和保持应用的性能是非常有帮助的。 总结一下，今天我们学习了如何动态地创建和管理Aura组件，包括如何访问和修改组件的主体，如何动态创建新组件，以及如何销毁不再需要的组件。希望这些内容对你有所帮助！

  ▶ 播放视频 查看详情
• 73

  Unit Summary (continued)

  第 482 页

  让我们继续来聊聊Salesforce Lightning组件中的一些高级功能。今天我们要讲的是如何让我们的应用更加国际化，以及如何在组件之间传递信息。 首先，我们来看看如何通过创建和引用标签来本地化组件中的字符串。想象一下，如果你的应用要面向全球用户，那么显示的文字就需要根据用户的语言来变化。在Salesforce中，我们可以创建标签，这些标签包含了不同语言的翻译。然后，在我们的Lightning组件中，我们可以引用这些标签，这样当用户切换语言时，显示的文字就会自动变成他们选择的语言。 接下来，我们谈谈如何本地化数字和日期。在Lightning中，我们可以使用一个叫做的组件，这个组件可以自动根据用户的地区设置来格式化数字和日期。比如，美国的日期格式是月/日/年，而在欧洲可能是日/月/年。使用这个组件，我们就不用担心这些细节了，Salesforce会帮我们处理好。 此外，如果我们想要更灵活地控制数字和日期的显示格式，我们还可以调用一个叫做$A.localizationService的全局类中的函数。这个类提供了一些函数，可以帮助我们根据用户的地区设置来格式化数字和日期。 最后，我们来看看如何在Lightning组件中访问后代标签的属性。在Lightning中，父组件可以通过循环v.body来访问它的子组件。v.body是一个数组，包含了所有子组件的引用。通过循环这个数组，父组件可以访问到每个子组件的属性，甚至可以直接修改这些属性。这个功能在需要动态调整子组件显示内容时非常有用。 好了，今天的内容就到这里。希望这些知识点能帮助你在开发Salesforce Lightning组件时更加得心应手。如果你有任何问题，随时欢迎提问。我们下次再见！

  ▶ 播放视频 查看详情
• 74

  Unit Summary (continued) - 483

  第 483 页

  让我们继续聊聊Salesforce中的一些高级功能。首先，当你需要在客户端控制器或助手中触发一个自定义事件时，你可以使用`event.fire()`这个函数。这就像是在说“嘿，这里发生了一些事情，大家注意一下！” 接下来，我们来说说组件事件和应用程序事件。通常，我们更倾向于使用组件事件，因为它们更加轻量级，只在特定的组件之间传递信息。而应用程序事件则像是广播，可以在整个应用中传播，但这也意味着它们可能会影响到更多的部分，所以使用时要小心。 如果你想让你的应用在Salesforce移动端也能提供高级的用户体验，比如使用toast组件（那些弹出的小提示）或者记录编辑器，你需要确保你的Aura组件能够在Salesforce移动容器中运行。这就像是给你的应用穿上了一件适合移动设备的“衣服”。 在触发这些移动事件之前，记得先检查一下它们是否存在。这就像是在按门铃之前先确认门铃是否工作一样，避免不必要的尴尬。 最后，我们来谈谈代码的继承。使用继承可以让你的代码更加模块化和面向对象。这就像是你在建房子时，先建好一个基础框架，然后在这个基础上添加各种房间和装饰。这样不仅让代码更容易管理，也更容易扩展和维护。 希望这些解释能帮助你更好地理解Salesforce的这些高级功能！如果有任何问题，随时问我哦！

  ▶ 播放视频 查看详情
• 75

  Unit Review

  第 484 页

  同学们，今天我们来聊聊Salesforce Lightning组件开发中的一些关键点。首先，我们来说说单元审查。在创建嵌套标记时，我们需要注意隐式传递数据和实现继承。这意味着，当你在一个组件中嵌套另一个组件时，数据可以自动传递，而不需要显式地设置。这就像是你给朋友一个包裹，里面已经包含了所有需要的东西，不需要再额外说明。 接下来，我们谈谈依赖项的问题。如果你已经下载了所有依赖项，那么你的组件应该可以顺利运行。但是，如果服务器端的依赖项没有找到，那么这些方法会在客户端同步执行。这就像是你去图书馆借书，如果图书馆没有你需要的书，你可能需要自己想办法找到它。 在打包和确保框架启动时下载所有组件方面，我们需要确保所有必要的组件都已经准备好，这样用户在使用时就不会遇到问题。这就像是你去旅行前，确保所有的行李都已经打包好，这样旅途才会顺利。 关于日期格式的处理，你可以使用标签，或者使用JavaScript来格式化日期。这就像是你有几种不同的方式来告诉别人今天的日期，你可以选择最方便的一种。 在定义方法时，你可以使用标签来创建一个公共方法，这样其他组件就可以调用这个方法。这就像是你有一个工具箱，里面的工具可以被任何人使用。 使用Lightning框架的好处是，你可以很容易地将用户引导到记录编辑页面，但这也仅限于Lightning体验。这就像是你有一个快捷方式，可以快速到达目的地，但只能在特定的环境中使用。 最后，如果你需要使用第三方库来更改DOM，那么你需要绕过Lightning框架。这就像是你需要借用别人的工具来完成工作，但你需要确保这样做不会影响到你自己的工具。 希望这些解释能帮助你们更好地理解Salesforce Lightning组件开发中的这些概念。如果有任何问题，随时提问哦！

  ▶ 播放视频 查看详情