Unit 7 Working with Data

1

第 485 页

同学们，今天我们来聊聊Salesforce中的“处理数据”。这个单元非常重要，因为数据是Salesforce的核心，我们每天的工作都围绕着数据展开。首先，我们要明白，Salesforce中的数据主要分为两种：一种是标准对象，比如客户、联系人、机会等；另一种是自定义对象，这是根据我们公司的特定需求创建的。处理数据的第一步是创建数据。在Salesforce中，我们可以手动输入数据，也可以通过导入工具批量导入数据。手动输入适合少量数据，而批量导入则适合大量数据。接下来是数据的查看和编辑。在Salesforce中，我们可以通过列表视图、报表和仪表板来查看数据。列表视图让我们可以快速浏览和筛选数据，报表则帮助我们分析数据，而仪表板则是数据的可视化展示。数据的更新也非常重要。在Salesforce中，我们可以直接编辑记录来更新数据，也可以通过工作流规则、流程构建器等自动化工具来更新数据。自动化工具可以帮助我们节省大量时间，减少人为错误。最后，我们还要学会删除数据。在Salesforce中，删除数据需要谨慎，因为一旦删除，数据就无法恢复。所以，在删除之前，一定要确认这些数据确实不再需要。总的来说，处理数据是Salesforce中的基础操作，掌握好这些技能，可以帮助我们更高效地管理客户关系，提升工作效率。希望今天的讲解对大家有所帮助，我们下节课再见！

查看详情

2

Unit 7: Working with Data

第 486 页

同学们，今天我们来聊聊单元7的内容，这个单元主要是关于如何在Salesforce中处理数据。听起来有点技术性，但别担心，我会用简单的方式来解释。首先，我们会学习如何设计和实现数据输入表单。想象一下，你正在创建一个网站，需要用户填写一些信息，比如他们的名字和电子邮件地址。在Salesforce中，我们可以创建类似的表单，让用户输入数据。接下来，我们会使用JavaScript来验证这些表单数据。这是什么意思呢？就是说，当用户填写完表单并点击提交按钮时，我们会用JavaScript检查一下，确保所有必填的信息都填好了，格式也正确。比如，电子邮件地址应该有一个“@”符号，如果没有，我们就提醒用户。然后，我们会学习如何将这些表单数据传递到服务器端的控制器。这听起来可能有点复杂，但其实就是在用户提交表单后，我们把数据发送到服务器，让服务器来处理这些信息。在服务器端处理完数据后，我们还需要从Salesforce的记录中检索和显示数据。这意味着，如果用户之前已经输入过信息，我们可以从Salesforce中调出这些信息，显示给用户看。最后，我们会学习如何更新Salesforce自定义对象中的数据。简单来说，就是如果用户想要修改他们之前输入的信息，我们可以让他们在表单中修改，然后把这些更新保存回Salesforce。在整个过程中，我们还需要确保在等待服务器请求完成时，用户界面不会卡住，给用户一个流畅的体验。这就是单元7的主要内容。虽然听起来有很多步骤，但每一步都是为了确保数据处理的准确性和用户体验的流畅性。希望这能帮助你们更好地理解这个单元的内容。如果有任何问题，随时问我！

查看详情

3

Topics

第 487 页

同学们，今天我们来聊聊Salesforce中的一个非常实用的组件——。这个组件可以帮助我们快速创建和编辑记录的表单，非常方便。首先，是Salesforce Lightning框架中的一个标准组件。它允许我们在页面上直接显示一个表单，用户可以在这个表单中输入数据，然后保存到Salesforce的记录中。这个组件特别适合用于快速创建或编辑记录的场景。使用这个组件时，我们需要指定几个关键的属性。首先是`recordId`，这个属性用于指定我们要编辑的记录的唯一标识符。如果我们是在创建新记录，那么这个属性可以留空。其次是`objectApiName`，这个属性用于指定我们要操作的对象类型，比如Account、Contact等。接下来，我们可以在标签内部添加组件，这些组件会自动根据对象的字段类型生成相应的输入控件，比如文本框、下拉列表等。这样，我们就不需要手动去创建每一个输入控件了，大大简化了开发工作。最后，别忘了在表单中添加一个提交按钮，用户填写完表单后，点击这个按钮就可以保存数据了。好了，这就是的基本使用方法。希望大家能够通过这个组件，更高效地完成Salesforce的开发工作。如果有任何问题，欢迎随时提问。

查看详情

4

Implementing Forms

第 488 页

今天我们来聊聊如何在Salesforce的Lightning环境中使用`lightning:recordEditForm`组件来实现记录的创建或编辑。这个组件非常强大，它可以帮助我们轻松地构建一个表单，让用户能够输入或修改数据。首先，`lightning:recordEditForm`是一个包装组件，这意味着它可以包含其他子组件来完成更复杂的功能。在这个表单中，我们可以使用`lightning:inputField`来显示一个或多个可编辑的字段。这些字段会根据你在Salesforce中定义的字段类型自动调整，比如文本输入框、日期选择器、下拉菜单等。接下来，为了确保用户输入的数据是有效的，我们可以使用`lightning:message`组件来处理错误信息。如果用户输入了不符合要求的数据，这个组件会显示相应的错误提示，帮助用户纠正错误。最后，为了让用户能够提交他们填写的数据，我们需要在表单中添加一个按钮。这个按钮的类型应该是“提交”，这样当用户点击它时，表单中的数据就会被发送到Salesforce，进行记录的创建或更新。总结一下，使用`lightning:recordEditForm`组件，我们可以轻松地创建一个既美观又功能强大的表单，让用户能够方便地创建或编辑记录。同时，通过`lightning:inputField`和`lightning:message`组件，我们可以确保数据的准确性和有效性。希望这个简单的介绍能帮助你更好地理解和使用这个组件。

查看详情

5

Benefits of <lightning:recordEditForm>

第 489 页

今天我们来聊聊Salesforce中的``组件，这个组件非常强大，而且使用起来特别简单。它的好处有很多，我来给大家一一解释。首先，这个组件最棒的地方就是它的简便性。你只需要传递一个Salesforce对象的API名称，它就能自动帮你生成一个表单，让用户可以轻松地编辑记录。如果你想要编辑一个已经存在的记录，那就再传递一个记录ID，这样表单就会自动加载这个记录的数据，用户可以开始编辑了。接下来，这个组件的一个大优点是它不需要Apex控制器。这意味着你不需要写任何后台代码，就能让这个组件工作。对于开发者来说，这大大减少了开发时间和复杂性。再来说说Lightning数据服务。通常，为了在Lightning组件中处理数据，你可能需要使用Lightning数据服务。但是，``组件不需要这个服务，它自己就能处理数据的加载和保存，这让开发变得更加直接和高效。最后，这个组件还非常注重安全性。它自动处理字段级别的安全和共享设置，这意味着用户只能看到和编辑他们有权限访问的数据。这不仅保护了数据的安全，也确保了用户界面的简洁和直观。总的来说，``组件是一个非常高效、安全且易于使用的工具，非常适合快速开发和维护Salesforce应用。希望这些信息对你们有帮助！

查看详情

6

Exercise 7-1: Implementing a Form

第 490 页

同学们，今天我们来学习如何实施一个叫做“Form 490”的自定义组件。这个组件在我们的Salesforce系统中非常有用，特别是在处理旅行报告时。我们将一步步来创建这个组件，确保你们都能跟上。首先，我们需要创建一个新的自定义组件。这个组件我们命名为“TripReport”。这个组件将帮助我们收集和管理员工的旅行报告信息。接下来，我们需要在Salesforce中导航到自定义组件的设置页面。在这里，我们可以开始定义我们的“TripReport”组件。我们需要设置一些字段，比如旅行日期、目的地、费用等，这些都是旅行报告中常见的信息。然后，我们将创建一个新的自定义组件，命名为“TripReportForm”。这个表单将是我们收集旅行报告信息的主要界面。我们需要确保这个表单易于使用，同时也要确保所有必要的信息都能被准确记录。最后，我们将这些组件整合到我们的Salesforce系统中，确保它们能够无缝地与其他功能一起工作。这样，我们的员工就可以轻松地提交他们的旅行报告，而我们的管理人员也可以方便地查看和管理这些报告。这就是我们今天的主要内容。希望你们都能理解并能够自己动手尝试创建这些组件。如果有任何问题，随时提问，我会在这里帮助你们。

查看详情

7

Implement a data input form to create or edit a trip report.

第 491 页

同学们，今天我们来学习如何在Salesforce中实现一个数据输入表格，用于创建或编辑行程报告。这个练习分为几个步骤，我们一步一步来。首先，我们需要安装一些场景的先决条件。这些条件可能包括一些特定的对象、字段或者权限设置，确保我们的表格能够正常工作。你可以通过Salesforce的设置菜单来检查和安装这些先决条件。接下来，我们要设置表格。这个表格将允许用户输入行程报告的相关信息，比如出发时间、目的地、交通方式等。我们可以使用Salesforce的标准对象，比如“行程报告”对象，或者创建一个自定义对象来存储这些信息。在设置表格时，确保每个字段都清晰明了，用户能够轻松填写。最后，我们需要设置控制器。控制器是处理用户输入和与数据库交互的逻辑部分。我们可以使用Apex来编写控制器，确保当用户提交表格时，数据能够正确地保存到Salesforce数据库中。控制器的设置可能包括验证用户输入、处理异常情况等。整个练习预计需要20分钟完成。如果你在某个步骤遇到困难，不要担心，可以随时向我提问。现在，让我们开始吧！

查看详情

8

Unit 7: Working with Data - 492

第 492 页

让我们开始单元7的学习。在这个单元里，我们将一起探索如何在Salesforce中处理数据。想象一下，你正在设计一个数字表格，就像你在纸上填写的表格一样，只不过这次是在电脑上。我们的目标是让这个表格既好用又安全。首先，我们会学习如何设计和实现数据输入表单。这就像是给你的表格画一个漂亮的框架，确保每个需要填写的地方都清晰可见。我们会使用一些自定义控件，这些控件就像是表格中的小工具，帮助用户更轻松地输入信息。接下来，我们会使用JavaScript来验证表单数据。这就像是给你的表格加上一个智能检查员，确保用户填写的信息是正确的，没有遗漏或错误。比如，如果用户忘记填写电子邮件地址，这个检查员会提醒他们。然后，我们会学习如何将表单数据传递到服务器端控制器。这就像是把你的表格通过一个安全的通道发送到后台，让后台的工作人员能够处理这些信息。我们还会学习如何从Salesforce记录中检索和显示数据。这就像是打开一个档案柜，找到你需要的信息，然后展示给用户看。这样，用户就可以看到他们之前填写的信息，或者查看其他人的信息。最后，我们会学习如何更新现有Salesforce自定义对象中的数据。这就像是给你的表格加上一个编辑功能，让用户能够修改他们之前填写的信息。在整个过程中，我们还需要学会等待服务器请求完成。这就像是等待后台的工作人员完成他们的工作，然后告诉我们结果。这样，我们才能确保所有的操作都是准确无误的。好了，这就是单元7的主要内容。希望你能通过这些学习，掌握在Salesforce中处理数据的技巧。让我们一起开始这段有趣的学习之旅吧！

查看详情

9

Topics - 493

第 493 页

同学们，今天我们来聊聊如何在Salesforce中使用自定义控件来实现表单。这个话题其实挺有意思的，因为表单是我们日常工作中经常要用到的东西，无论是收集用户信息，还是进行数据录入，表单都扮演着非常重要的角色。首先，我们来看看如何将文本字段添加到表单中。文本字段是最基础的表单元素，你可以通过简单的代码来实现。比如，使用``标签，你就可以轻松地在表单中添加一个文本输入框。接下来，如果你需要用户输入数字，那么你可以使用``标签，并设置`type="number"`，这样用户就只能输入数字了。有时候，我们需要用户输入多行文本，这时候就可以使用``标签。这个标签会生成一个多行文本输入框，非常适合用来收集用户的详细反馈或者描述。如果你想让用户输入富文本，比如带有格式的文本，那么``就是你的好帮手。这个控件可以让用户输入带有加粗、斜体、下划线等格式的文本。当然，表单中少不了复选框和单选按钮。复选框可以让用户选择多个选项，而单选按钮则限制用户只能选择一个选项。你可以使用``标签，并设置`type="checkbox"`或者`type="radio"`来实现这些功能。最后，我们来看看如何使用切换收件箱。这个控件通常用于让用户选择是否接收某些通知或者邮件。你可以使用``标签，并设置`type="toggle"`来实现这个功能。好了，今天的课程就到这里。希望大家能够通过这些小技巧，更好地在Salesforce中实现表单功能。记得回去看看学生指南中的幻灯片，那里有更详细的解释和示例代码。下次课我们再见！

查看详情

10

Implementing Forms - 494

第 494 页

今天我们来聊聊Salesforce Lightning框架中的三个非常实用的组件：``、`` 和 ``。这些组件都是基于SDDS主题设计的，可以帮助我们快速构建用户界面。首先，我们来看第一个组件，``。这个组件非常强大，它可以创建一个HTML的``元素。你可以把它想象成一个多功能的输入框，几乎可以处理所有HTML5支持的输入类型。比如，你可以用它来创建文本输入框、密码输入框、电子邮件输入框、电话号码输入框、网址输入框、数字输入框，甚至还可以创建复选框、切换按钮、单选按钮、日期选择器和日期时间选择器。简单来说，无论你需要什么样的输入框，``都能帮你搞定。接下来是第二个组件，``。这个组件是用来生成多行文本输入区域的。如果你需要用户输入一段较长的文字，比如评论、描述或者备注，那么这个组件就非常适合。它生成的输入框可以自动调整大小，用户输入的内容也会自动换行，非常方便。最后，我们来看第三个组件，``。这个组件是基于Quill JS库的，它提供了一个所见即所得的编辑器。也就是说，用户在这个编辑器中输入的内容，会直接以格式化文本的形式显示出来。比如，用户可以在这里加粗文字、添加链接、插入图片等等。这个组件非常适合用在需要用户输入富文本内容的场景，比如博客文章、产品描述等。总结一下，``、`` 和 `` 这三个组件，分别对应了不同类型的输入需求。无论是简单的文本输入、多行文本输入，还是复杂的富文本输入，Lightning框架都为我们提供了非常便捷的解决方案。希望这些内容对你有帮助！

查看详情

11

Implementing Forms (continued)

第 495 页

今天我们来聊聊Salesforce中的布局帮助器类，特别是那些用于表单的类。这些类可以帮助我们更有效地组织和展示表单元素，让用户界面看起来更整洁、更专业。首先，我们来看`sds-form-stacked`这个类。当你使用这个类时，表单的标签和控件会垂直对齐，也就是说，标签会在控件的上方，每个表单元素之间会有一定的间距。这样布局的好处是，用户可以很清晰地看到每个标签对应的控件，不会感到混乱。接下来是`sds-form-level`。这个类的作用是将单个表单的标签和控件水平对齐，也就是说，标签和控件会在同一行上显示。这种布局适合那些标签较短、控件也较简单的表单，可以节省页面的空间。最后，我们来看`sds-form-inline`。这个类允许你将多个表单元素水平对齐在同一轴上。这意味着你可以将多个输入框、按钮等元素放在同一行上，非常适合用于搜索栏或者需要快速填写的简短表单。使用这些布局帮助器类，你可以根据表单的具体需求，选择最合适的布局方式，从而提升用户的使用体验。希望这些信息对你有所帮助！如果有任何疑问，随时欢迎提问。

查看详情

12

Adding Text Fields to a Form

第 496 页

让我们来聊聊如何在Salesforce的Lightning组件中添加文本字段。今天我们要讲的是如何将一个简单的表单，比如Form 496，通过Lightning组件来实现。首先，我们来看一下这个表单的基本结构。这个表单使用了``标签来创建输入字段。每个``标签都有几个重要的属性： 1. ，type，：这个属性定义了输入字段的类型。比如，`type="text"`表示这是一个文本输入框，`type="tel"`则表示这是一个电话号码输入框。 2. ，name，：这个属性用于标识输入字段。在表单提交时，这个名称会作为字段的标识符。 3. ，label，：这个属性定义了输入字段旁边的标签，告诉用户这个字段是用来输入什么的。 4. ，maxlength，：这个属性限制了用户可以在输入框中输入的字符数。比如，`maxlength="15"`表示用户最多可以输入15个字符。 5. ，required，：这个属性是一个布尔值，如果设置为`true`，那么这个字段就是必填的。如果用户没有填写这个字段，表单就无法提交。 6. ，placeholder，：这个属性提供了一个示例文本，显示在输入框中，提示用户应该输入什么内容。在你的例子中，表单包含了三个输入字段：名字（First Name）、姓氏（Last Name）和电话号码（Phone）。每个字段都是必填的，并且限制了最大输入长度。电话号码字段还提供了一个示例格式，帮助用户正确输入。最后，表单底部有一个提交按钮，使用了``标签。这个按钮的`label`属性定义了按钮上显示的文本。通过这种方式，你可以轻松地在Salesforce的Lightning组件中创建和管理表单，确保用户输入的数据是有效和完整的。希望这个解释对你有帮助！如果有任何问题，随时问我哦！

查看详情

13

<lightning:input> Attributes

第 497 页

今天我们来聊聊Salesforce Lightning中的``组件的一些常用属性。这个组件非常实用，可以帮助我们在页面上创建各种输入字段。让我们一个个来看这些属性。首先，，名称，。这是一个字符串类型的属性，是必需的。它用来指定输入元素的名称。你可以把它想象成给这个输入框起个名字，这样在后台处理数据时，我们可以通过这个名字找到它。接下来是，标签，。这也是一个字符串类型的属性，同样是必需的。标签就是显示在输入框旁边的文字，告诉用户这里应该输入什么内容。比如“用户名”或者“电子邮件”。然后是，值，。这个属性是对象类型的，表示当前输入字段中的值。你可以通过这个属性获取用户输入的内容，或者设置一个默认值。，类型，属性决定了输入框的类型。默认是文本类型，但你也可以设置为电子邮件、密码、电话、URL、数字等等。比如，如果你想让用户输入密码，就可以把类型设置为“password”，这样输入的内容会显示为星号。，所需，属性是一个布尔值，默认是“False”。如果设置为“True”，那么在标签旁边会显示一个星号(*)，表示这个字段是必填的。，禁用，属性也是一个布尔值，默认是“False”。如果设置为“True”，那么这个输入框会变成灰色，用户无法输入内容。，只读，属性同样是布尔值，默认是“False”。如果设置为“True”，用户可以看到输入框里的内容，但不能修改。，最大长度，属性是一个整数，用来限制用户可以在输入框中输入的字符数。比如，如果你设置最大长度为10，那么用户最多只能输入10个字符。，TabIndex，属性用来指定当用户按下Tab键时，这个输入框在页面上的顺序。数字越小，优先级越高。最后是，类，属性。这个属性允许你为输入框添加额外的CSS类，这样你可以自定义它的样式。好了，这些就是``组件的一些常用属性。希望这些解释能帮助你更好地理解和使用这个组件。如果有任何问题，随时问我哦！

查看详情

14

Setting Default Values on Form Fields

第 498 页

让我们来聊聊如何在Salesforce的Lightning组件中设置表单字段的默认值。想象一下，你正在创建一个搜索表单，你希望用户在打开这个表单时，搜索框里已经有一个默认的搜索词，比如“Bacon”。首先，我们需要在Aura组件中定义一个属性，这个属性将用来存储我们的默认值。在这个例子中，我们使用了一个名为`searchterm`的属性，它的类型是`String`，并且我们给它设置了一个默认值“Bacon”。这就像是在告诉Salesforce：“嘿，当这个组件加载时，我希望`searchterm`这个字段的初始值是‘Bacon’。” 接下来，我们在`lightning:input`组件中使用这个属性。`lightning:input`是一个标准的Lightning组件，用来创建输入框。我们通过`value="{! v.searchterm }"`将这个输入框的值绑定到我们之前定义的`searchterm`属性上。这样，当组件加载时，输入框里就会显示“Bacon”。现在，假设用户输入了一些新的搜索词，我们可能希望将这些值保存下来。在Salesforce中，我们通常会使用Apex控制器来处理这些数据的保存。在Apex控制器中，你可以通过`{! v.myProperty.Name}`或`{! v.myProperty.namency__MyField__c}`这样的表达式来访问和保存这些输入值。总结一下，设置默认值其实很简单：定义一个属性，给它一个默认值，然后在输入组件中绑定这个属性。这样，当用户打开表单时，他们就能看到一个预填好的搜索框，这可以提升用户体验，让表单使用起来更加直观和方便。

查看详情

15

Theming Form Input Fields

第 499 页

同学们，今天我们来聊聊如何在Salesforce的Lightning组件中设置表单字段的样式。首先，我们来看一下这段代码： ```html ``` 在这个代码片段中，我们定义了一个名为`searchterm`的字符串属性，它的默认值是`"Bacon"`。然后，我们使用``标签来创建一个输入字段，这个字段的标签是`"Search Term(s)"`，并且它的值绑定到了我们刚才定义的`searchterm`属性上。现在，如果我们想要给这个输入字段添加一些自定义的样式，我们可以通过给``标签添加一个`class`属性来实现。比如，我们在这个例子中添加了`class="searchfield"`。这个`class`属性允许我们在CSS文件中定义一些样式规则，然后应用到我们的输入字段上。举个例子，假设我们有一个CSS文件，里面定义了如下的样式： ```css .searchfield { background-color: #f0f0f0; border: 1px solid #ccc; padding: 10px; border-radius: 5px; } ``` 那么，当我们把这个CSS文件引入到我们的组件中时，``标签就会应用这些样式，使得输入字段的背景颜色变成浅灰色，边框变成浅灰色，内边距为10像素，并且边框的角会变得圆润。所以，总结一下，如果你想在Salesforce的Lightning组件中设置表单字段的样式，只需要在``标签中添加一个`class`属性，然后在CSS文件中定义相应的样式规则就可以了。这样，你就可以轻松地自定义你的表单字段的外观了。

查看详情

16

Theming Form Input Fields (continued)

第 500 页

让我们来聊聊如何在Salesforce中使用主题表格输入字段，特别是如何自定义这些字段的样式。首先，我们来看一个例子，这里有一个``字段，它生成了一些SDS（Salesforce Design System）标记。这个标记定义了一个搜索框，包括一个标签和一个输入框。 ```html <div class="slds-form-element searchfield"> 搜索词 <div class="slds-form-element__control"> </div> </div> ``` 在这个例子中，``是一个Lightning Web组件（LWC），它使用了Salesforce的设计系统（SDS）来确保样式的一致性。我们在这个组件上添加了一个自定义的类名`searchfield`，这样我们就可以通过CSS来定制它的样式。接下来，我们来看如何通过CSS来改变这个输入框的边框颜色。假设我们想要把边框颜色改成紫色，我们可以这样写CSS： ```css .searchfield .slds-input { border-color: purple !important; } ``` 这段CSS代码的意思是，找到所有带有`searchfield`类的元素中的`input`元素，并把它们的边框颜色改成紫色。`!important`是一个CSS关键字，用来确保这个样式会覆盖其他可能存在的样式。需要注意的是，``标签是Lightning Web组件的一部分，我们会在第9单元详细讨论。现在，我们主要是讨论如何通过主题化来定制表单输入字段的样式。虽然这个例子中使用了LWC，但Aura组件有时也会在底层使用LWC，就像这个例子中展示的那样。希望这个解释能帮助你理解如何在Salesforce中自定义输入字段的样式。如果你有任何问题，随时问我！

查看详情

17

Styling Form Field Labels

第 501 页

让我们一步一步来理解如何设置字段标签的样式。首先，我们需要在Salesforce Lightning组件中使用一些HTML和CSS代码来达到这个目的。 ### 1. 理解组件结构在Salesforce Lightning中，我们使用``标签来创建输入字段。这个标签有几个属性，比如`aura:id`、`name`、`label`和`value`，这些都是用来定义输入字段的基本属性和行为的。 ### 2. 添加类属性为了能够对特定的字段标签进行样式设置，我们需要给这个``组件添加一个`class`属性。这个`class`属性允许我们在CSS中引用这个特定的组件，从而应用我们想要的样式。 ```html ``` 在这个例子中，我们给``组件添加了一个`class`属性，值为`searchfield`。这意味着我们可以在CSS中使用`.searchfield`来选择这个组件。 ### 3. 编写CSS样式接下来，我们需要编写CSS来修改字段标签的样式。我们想要做的是在标签后面自动添加一个逗号“：”。 ```css .searchfield .slds-form-element__label::after { content: ":"; } ``` 在这段CSS代码中，我们使用了`.searchfield .slds-form-element__label::after`选择器。这个选择器表示我们要在`searchfield`类下的``组件的标签后面添加内容。`::after`是一个伪元素，它允许我们在元素的内容后面插入内容。在这里，我们插入了一个冒号“：”。 ### 4. 应用样式最后，我们需要确保这些样式被应用到我们的组件中。通常，我们会将这些CSS代码放在一个与组件同名的CSS文件中。例如，如果我们的组件名为`SearchForm.cmp`，那么我们的CSS文件应该命名为`SearchForm.css`。 ### 总结通过以上步骤，我们成功地设置了字段标签的样式，并在标签后面自动添加了一个冒号“：”。这个过程涉及到在HTML中添加类属性，然后在CSS中使用这个类来选择并修改特定的元素样式。希望这个解释对你有帮助！如果你有任何问题，随时问我。

查看详情

18

Using Text Field Input types

第 502 页

今天我们来聊聊Salesforce中的几种常见的输入字段类型，这些都是在Lightning组件中使用的。首先，我们来看一下电子邮件输入字段。当你使用``时，这个字段会被渲染成一个专门用于输入电子邮件的HTML输入框。如果你在手机上点击这个字段，键盘会自动调整为适合输入电子邮件的布局。而且，这个字段还会自动检查你输入的内容是否符合电子邮件的格式要求。接下来是电话号码输入字段，使用``。这个字段在HTML中表现为一个电话输入框。在移动设备上，当你点击这个字段时，会出现一个专门用于输入电话号码的键盘。这样，输入电话号码就变得更加方便快捷了。再来说说密码字段，使用``。这个字段在HTML中表现为一个密码输入框。当你输入密码时，所有的字符都会被隐藏起来，以保护你的信息安全。然后是URL输入字段，使用``。这个字段在HTML中表现为一个URL输入框。在移动设备上，当你点击这个字段时，会出现一个适合输入网址的键盘。同时，这个字段也会自动检查你输入的网址格式是否正确。最后是数字输入字段，使用``。这个字段在HTML中表现为一个文本输入框，但它专门用于输入数字。当你输入数字后，它会自动进行格式化，比如输入50000会显示为50,000。这个字段不允许输入字母，并且会自动应用验证规则，确保输入的数据格式正确。你还可以通过设置Formatter属性，将输出格式化为货币或百分比。这些输入字段类型都是为了提升用户体验和数据输入的准确性而设计的。希望这些信息对你有所帮助！

查看详情

19

Using Text Field Variants (continued)

第 503 页

让我们来聊聊这段代码。这段代码是用在Salesforce的Lightning框架中的，具体来说，它是一个Aura组件的一部分。Aura是Salesforce用来构建动态、响应式用户界面的框架。在这段代码中，我们定义了几个属性（attributes），这些属性可以看作是组件的“变量”或“状态”。每个属性都有一个名字和类型，这里所有的属性类型都是`String`，也就是文本类型。这意味着这些属性可以存储任何文本数据，比如名字、密码、电子邮件地址等等。让我们逐个看看这些属性： 1. ，name，: 这是一个字符串类型的属性，默认值是空的。你可以用它来存储用户的名字。 2. ，password，: 同样是一个字符串类型的属性，默认值也是空的。这个属性可以用来存储用户的密码。 3. ，email，: 这个属性用来存储用户的电子邮件地址，默认值也是空的。 4. ，blog，: 这个属性可以用来存储用户的博客地址，默认值也是空的。 5. ，salary，: 这个属性用来存储用户的薪水，默认值是`90000`。虽然薪水通常是一个数字，但在这里它被定义为字符串类型。 6. ，phone，: 这个属性用来存储用户的电话号码，默认值是`555-555-1212`。这是一个常见的占位符电话号码。 7. ，bonus，: 这个属性用来存储用户的奖金，默认值是`2000.23`。同样，虽然奖金通常是一个数字，但在这里它被定义为字符串类型。这些属性可以在组件的其他地方使用，比如在HTML模板中显示这些值，或者在JavaScript控制器中处理这些值。通过这种方式，你可以轻松地管理和操作组件中的数据。希望这个解释对你有帮助！如果你有任何问题，随时问我。

查看详情

20

Using Text Field Variants (continued) - 504

第 504 页

今天我们来聊聊如何在Salesforce的Lightning组件中使用文本字段变体。这个例子中，我们有一个简单的表单，里面包含了几个不同类型的输入字段。首先，我们有一个``组件，它的`type`属性被设置为`"text"`。这意味着这个字段是用来输入普通文本的。`name`属性是`"name"`，`aura:id`也是`"name"`，这样我们可以在后面的代码中引用这个字段。`label`属性设置为`"Name"`，这是显示在字段前面的标签。`value`属性绑定到了一个变量`v.name`，这个变量会存储用户输入的内容。接下来，我们有一个密码输入字段。这里的`type`属性是`"password"`，这意味着用户输入的内容会被隐藏，通常显示为圆点或星号。`name`和`aura:id`都是`"password"`，`label`是`"Password"`，`value`绑定到了`v.password`。最后，我们有一个电子邮件输入字段。这里的`type`属性是`"email"`，这会自动验证用户输入的内容是否符合电子邮件格式。`name`和`aura:id`都是`"email"`，`label`是`"Email"`，`value`绑定到了`v.email`。通过这些设置，我们可以轻松地在Salesforce Lightning应用中创建不同类型的输入字段，并且可以方便地获取用户输入的数据。希望这个解释对你有帮助！

查看详情

21

Using Text Field Variants (continued) - 505

第 505 页

让我们来聊聊这段代码。这段代码展示了如何在Salesforce的Lightning组件中使用不同类型的输入字段。我们来看一下每个字段的作用和特点。首先，我们有一个电话输入字段，使用了`type="tel"`。这个字段专门用来输入电话号码。它的`name`属性是`phone`，`aura:id`也是`phone`，这样我们可以方便地在代码中引用它。`label`属性显示为“Phone”，用户界面会显示这个标签。`value`属性绑定到了一个变量`v.phone`，这意味着用户输入的电话号码会自动同步到这个变量中。接下来是一个URL输入字段，使用了`type="url"`。这个字段用来输入网址。它的`name`属性是`blog`，`aura:id`也是`blog`。`label`属性显示为“Blog”，用户界面会显示这个标签。`value`属性绑定到了一个变量`v.blog`，用户输入的网址会自动同步到这个变量中。最后，我们有一个数字输入字段，使用了`type="number"`。这个字段用来输入数字。它的`name`属性是`bonus`，`aura:id`也是`bonus`。`label`属性显示为“Bonus”，用户界面会显示这个标签。`value`属性绑定到了一个变量`v.bonus`，用户输入的数字会自动同步到这个变量中。需要注意的是，这些输入字段的值会自动与它们绑定的组件属性保持同步。也就是说，当用户在输入框中输入内容时，这些内容会实时更新到对应的变量中。默认情况下，表单字段的输入值会在字段内容发生变化时传输到绑定的组件属性上。这样，我们就可以轻松地在Salesforce的Lightning组件中处理不同类型的用户输入了。希望这个解释对你有帮助！

查看详情

22

Using <lightning:input type=“search">

第 506 页

让我们来聊聊如何在Salesforce的Lightning组件中使用``来创建一个搜索框。首先，``是一个非常灵活的组件，可以用来创建各种类型的输入字段。当我们设置`type="search"`时，它就变成了一个专门用于搜索的输入框。这个搜索框不仅允许用户输入搜索词，还会自动显示一个放大镜图标，这是Lightning Design System的一部分，用来提示用户这是一个搜索功能。接下来，我们来看一下代码示例。在这个例子中，我们创建了一个搜索框和一个提交按钮。为了让界面看起来更简洁，我们决定隐藏搜索框的标签。这是通过添加一个CSS类`hiddenlabel`来实现的。这个类的作用是设置标签的显示属性为`none`，这样标签就不会显示在页面上，但搜索框的功能完全不受影响。 ```html <div class="slds-form_inline" style="padding: 10px;"> </div> ``` 在CSS部分，我们定义了`.hiddenlabel`类，确保标签被隐藏： ```css .hiddenlabel { display: none !important; } ``` 这样，用户看到的只是一个简洁的搜索框和一个提交按钮，而不会看到“Search”这个标签。这样的设计既保持了功能的完整性，又提升了用户界面的美观度。希望这个解释能帮助你更好地理解如何在Salesforce中使用``来创建搜索功能。如果你有任何疑问，随时欢迎提问！

查看详情

23

Using <lightning:input type="file">

第 507 页

同学们，今天我们来聊聊Salesforce中的文件上传功能。首先，我们来看一个比较早期的组件，叫做``。这个组件虽然现在不是最推荐的方式，但它依然非常方便使用。这个组件的主要作用是让你在页面上添加一个文件上传的输入框。用户可以通过这个输入框选择文件，然后上传。不过，这里有个关键点需要注意：这个组件本身并不会把文件直接保存到Salesforce中。它只是提供了一个接口，让你可以获取到用户上传的文件数据。那么，如果你想要把文件保存到Salesforce中，比如保存为Attachment（附件）或者ContentDocument（内容文档），你就需要自己写一些代码来处理这个文件。你可以选择把文件保存到任何你想要的地方，比如Salesforce的标准对象，或者自定义对象中。总结一下，``是一个简单易用的文件上传组件，虽然它不会自动保存文件，但它给了你很大的灵活性，让你可以根据自己的需求来处理和保存文件。希望这个解释对你们有帮助！

查看详情

24

Using <lightning:fileUpload>

第 508 页

让我们来聊聊如何使用Salesforce中的``组件。这个组件非常强大，因为它允许你轻松地将文件上传到Salesforce，而且你不需要编写任何Apex代码。听起来是不是很方便？首先，这个组件支持的文件大小最大可以达到2GB，这对于大多数业务需求来说已经足够了。而且，上传的文件会自动与Salesforce中的某个记录关联起来。这意味着，一旦文件上传成功，你就可以在“文件”和“注释&收件箱”相关列表中找到它们。现在，让我们看看这个组件的基本语法。你可以在你的Lightning组件中使用如下代码： ```html ``` 这里有几个关键点需要注意： - `label`：这是上传按钮旁边显示的文本，比如“Attach receipt”。 - `name`：这是上传组件的名称，你可以根据需要命名。 - `multiple`：这个属性设置为`true`时，允许用户一次选择多个文件进行上传。 - `accept`：这里你可以指定允许上传的文件类型，比如`.pdf`和`.png`。 - `recordId`：这是文件将要关联的记录的ID。你需要确保这个ID是正确的，这样文件才能正确地与记录关联。 - `onuploadfinished`：这是一个回调函数，当文件上传完成后会自动调用这个函数。你可以在这个函数中处理上传完成后的逻辑，比如显示一个成功消息。使用这个组件的好处是，它简化了文件上传的流程，而且不需要你编写复杂的代码。文件上传后，Salesforce会自动将它们保存为`ContentDocument`，并通过`ContentDocumentLink`与指定的记录关联起来。这和使用文件相关列表或Chatter帖子与记录共享文件的效果是一样的。所以，如果你需要在Salesforce中上传文件，``是一个非常不错的选择。它不仅简单易用，而且功能强大，能够满足大多数文件上传的需求。希望这个解释对你有帮助！

查看详情

25

Using <lightning:input type="date">

第 509 页

让我们一起来了解一下如何在Salesforce的Lightning框架中使用日期输入组件。首先，我们来看一下代码的基本结构。我们使用了一个叫做``的组件，并且指定了它的`type`为`date`。这意味着这个输入框是用来选择日期的。我们还给这个输入框设置了一个名字`name`为`dob`，并且给它一个标签`label`叫做“出生日期”。在代码中，我们还定义了一个属性``，名字是`dob`，类型是`String`，并且给它一个默认值`2016-09-17`。这个属性会绑定到我们的日期输入框上，所以当用户选择一个日期时，这个属性的值会自动更新。我们还添加了一个按钮``，标签是“设置为今天”。当用户点击这个按钮时，会触发一个控制器方法`setDateToday`，这个方法的作用是将日期输入框的值设置为今天的日期。整个表单被包裹在一个``标签中，并且应用了一些样式来美化表单的布局。在实际使用中，这个日期输入框会根据用户使用的设备不同而有所变化。比如，在Android和iOS设备上，它会显示为设备原生的日期选择器，这样用户就可以更方便地选择日期。日期显示的格式也会根据用户的语言和地区设置自动调整，但最终的值会以`yyyy-mm-dd`的格式保存。这就是如何在Salesforce的Lightning框架中使用日期输入组件的基本方法。希望这个解释能帮助你更好地理解和使用这个功能。

查看详情

26

Using <lightning:input type="date"> (continued)

第 510 页

让我们来聊聊如何在Salesforce的Lightning组件中使用``来设置日期字段为当前日期。首先，我们有一个JavaScript控制器方法，叫做`setDateToToday`。这个方法的作用是获取当前的日期，并将其格式化为`yyyy-MM-dd`的格式，然后设置到我们的日期输入字段中。在这个方法中，我们首先使用`new Date()`来获取当前的日期和时间。然后，我们使用`$A.localizationService.formatDateTime`这个工具来将日期格式化为我们需要的格式，即`yyyy-MM-dd`。这个格式化后的日期字符串会被存储在一个变量`dateString`中。接下来，我们通过`component.find('dob')`来找到我们的日期输入字段。这里的`'dob'`是我们在组件中给这个日期字段设置的`aura:id`。找到这个字段后，我们使用`.set('v.value', dateString)`来将格式化后的日期字符串设置到这个字段的`value`属性上。这样，当这个方法被调用时，日期输入字段就会显示当前的日期。总结一下，这个过程就是获取当前日期，格式化它，然后将其设置到指定的日期输入字段中。这样，用户就可以看到当前的日期，而不需要手动输入了。希望这个解释对你有帮助！

查看详情

27

Using <lightning:input type="month">

第 511 页

今天我们来聊聊如何在Salesforce中使用``这个组件。这个组件非常实用，它允许用户输入月份和年份。想象一下，如果你需要让用户选择一个特定的月份，比如2023年5月，这个组件就能派上用场了。首先，这个组件是基于浏览器的原生HTML5控件，这意味着它直接使用了浏览器自带的日期选择器功能。所以，它的外观和行为可能会因用户使用的浏览器不同而有所变化。不过，这也有个好处，就是它不需要依赖Salesforce的SLDS（Salesforce Lightning Design System）来进行格式化，减少了额外的样式处理。当用户在这个输入框中输入月份和年份后，比如输入“2023-05”，然后在输入框外点击（也就是触发`onblur`事件）时，系统会自动验证输入的格式是否正确。如果格式不对，比如用户输入了“2023/05”或者“05-2023”，系统会提示用户输入有误，需要按照正确的格式重新输入。总结一下，``是一个简单易用的组件，适合在需要用户输入月份和年份的场景中使用。它利用了浏览器的原生功能，减少了额外的样式处理，并且在用户输入后会自动验证格式，确保数据的准确性。希望这个解释对你有帮助！

查看详情

28

Using <lightning:input type="week">

第 512 页

今天我们来聊聊如何在Salesforce中使用``这个组件。这个组件非常有趣，它允许用户选择一个特定的周。想象一下，如果你需要让用户选择一个星期来做计划或者安排任务，这个组件就派上用场了。当你使用``时，Salesforce会调用浏览器的原生选择器控件。这意味着，用户会看到一个标准的、他们熟悉的周选择器，而不是Salesforce自己设计的样式。这样做的好处是，用户体验会更加一致，因为他们可能已经在其他网站上见过类似的选择器了。举个例子，如果你在页面上添加了这个组件，用户点击它时，会弹出一个日历或者类似的界面，让他们轻松选择一周。这个选择器会根据用户的操作系统或者浏览器的设置，自动调整显示方式，确保用户感觉舒适和熟悉。所以，使用``不仅简单，而且非常实用，特别是在需要让用户选择特定周的场景下。希望这个解释能帮助你更好地理解和使用这个组件！

查看详情

29

Entering Numeric Input

第 513 页

今天我们来聊聊在Salesforce中使用``组件来输入数字的两种方式。首先，如果你想要一个简单的文本字段来输入数字、百分比或者货币，你可以使用``。这个组件会生成一个标准的输入框，用户可以直接在里面输入数字。比如，如果你需要用户输入他们的年龄或者某个产品的价格，这个类型就非常合适。接下来，如果你想要一个更直观的方式来输入数字，比如让用户通过滑动一个滑块来选择数值，那么你可以使用``。这个组件会生成一个滑动条，用户可以通过拖动滑块来选择一个数值。这种方式非常适合那些需要用户在一个范围内选择数值的场景，比如设置音量大小或者选择价格区间。这两种方式都非常直观，用户友好，你可以根据具体的需求来选择使用哪一种。希望这能帮助你在Salesforce应用中更好地处理数字输入！

查看详情

30

Using <lightning:input type="number">

第 514 页

今天我们来聊聊如何在Salesforce的Lightning组件中使用``来创建一个HTML5的``字段，并且如何设置一些验证和格式化属性。首先，我们来看一个简单的例子： ```html ``` 在这个例子中，我们创建了一个数字输入字段，类型是`number`，名字是`ItemPrice`，标签显示为`Price`，初始值是`12345`。我们还使用了`formatter="currency"`来格式化这个数字为货币格式。接下来，我们来看一下如何设置一些验证和界限属性： 1. ，min 和 max，：这两个属性用来设置输入的最小值和最大值。比如，如果你希望用户只能输入100到1000之间的数字，你可以这样设置： ```html ``` 2. ，step，：这个属性用来设置数字的步长。比如，如果你希望用户每次只能增加或减少10，你可以这样设置： ```html ``` 3. ，formatter，：这个属性用来格式化输入的数字。比如，我们之前使用的`formatter="currency"`就是将数字格式化为货币格式。你还可以使用其他格式化选项，比如`percent`（百分比）等。最后，我们再来看一个完整的例子： ```html ``` 在这个例子中，我们设置了最小值为100，最大值为10000，步长为100，并且将数字格式化为货币格式。希望这些内容能帮助你更好地理解如何在Salesforce中使用``来创建和验证数字输入字段。如果你有任何问题，随时问我！

查看详情

31

Implementing a Range Control

第 515 页

让我们一起来看一下这段代码。这段代码是用Salesforce的Aura框架编写的，它创建了一个简单的滑块输入组件，用户可以通过滑动滑块来选择一个数字。首先，我们有一个``标签，这是Aura应用的根标签。它扩展了`force:slds`，这意味着它使用了Salesforce Lightning Design System（SLDS）的样式，这样我们的应用看起来就像Salesforce的其他部分一样。接下来，我们定义了一个``，这是一个Aura组件中的变量。我们给它命名为`setting`，类型是`Integer`，并且设置了一个默认值`5`。这个变量将用来存储用户通过滑块选择的数字。然后，我们有一个`<div>`标签，里面包含了一个``组件。这个组件是一个滑块输入，用户可以通过滑动它来选择一个数字。我们设置了`type="range"`来指定这是一个滑块输入，`label="Enter a Number"`是滑块的标签，`name="number"`是滑块的名称，`min="0"`和`max="10"`设置了滑块的最小值和最大值，`value="{!v.setting}"`将滑块的值绑定到我们之前定义的`setting`变量上。最后，我们在`<div>`标签的末尾添加了一行文本`您输入了：{！v.设置}`，这行文本会显示用户通过滑块选择的数字。注意，这里有一个小错误，`{！v.设置}`应该是`{!v.setting}`，这样才能正确地显示`setting`变量的值。总结一下，这段代码创建了一个简单的滑块输入组件，用户可以通过滑动滑块来选择一个数字，并且这个数字会显示在页面上。希望这个解释对你有帮助！</div></div>

查看详情

32

Implementing a Slider Control

第 516 页

今天我们来学习如何在Salesforce的Lightning组件中实现一个滑动控制。这个滑动控制可以帮助用户通过滑动来选择一个数值，比如年龄、价格等。首先，我们来看一下这个滑动控制的基本属性： 1. ，标签（Label），：这是显示在滑动条旁边的文字，用来告诉用户这个滑动条是用来选择什么的。比如，我们可以设置标签为“Closest Age”，表示这个滑动条是用来选择年龄的。 2. ，最小值（min）和最大值（max），：这两个属性定义了滑动条的最小值和最大值。比如，如果我们设置最小值为0，最大值为100，那么用户就可以在这个范围内滑动选择。 3. ，步长（step），：这个属性定义了每次滑动的增量。比如，如果我们设置步长为10，那么用户每次滑动时，数值会以10为单位增加或减少。 4. ，值（value），：这个属性表示当前滑动条的值。我们可以通过绑定一个变量来动态获取或设置这个值。 5. ，类型（type），：滑动条可以是水平的（horizontal）或垂直的（vertical）。默认是水平的。 6. ，标题（title），：这是当用户将鼠标悬停在滑动条上时显示的提示信息。 7. ，禁用（disabled），：如果设置为true，滑动条将不可用，用户无法操作。接下来，我们来看一个简单的代码示例： ```html ``` 在这个例子中，我们定义了一个名为`myval`的属性，默认值为10，类型为整数。然后，我们使用`lightning:slider`组件来创建一个滑动条，标签为“Closest Age”，步长为10，并且将滑动条的值绑定到`myval`属性上。这样，当用户滑动滑动条时，`myval`的值会自动更新，并且我们可以通过这个值来进行后续的操作。希望这个简单的例子能帮助你理解如何在Salesforce中实现滑动控制。如果你有任何问题，随时问我！

查看详情

33

Using <lightning:textarea>

第 517 页

让我们来聊聊这个 `` 组件。这个组件在 Salesforce 的 Lightning 框架中非常有用，它允许用户在一个文本框中输入多行文本。想象一下，你正在设计一个表单，需要用户输入一些想法或评论，这个组件就派上用场了。在这个例子中，我们有一个 `` 组件，它有以下几个属性： 1. ，name="myTextArea"，：这是文本框的名字，你可以通过这个名字来识别这个文本框，特别是在处理多个输入框时。 2. ，value="initial value"，：这是文本框的初始值。当用户第一次看到这个文本框时，里面已经有一些预设的文本了。你可以根据需要设置这个值，或者留空让用户自己填写。 3. ，label="What are you thinking about?"，：这是文本框的标签，它会显示在文本框的上方，告诉用户他们应该在这里输入什么内容。在这个例子中，标签是“What are you thinking about?”，提示用户输入他们的想法。 4. ，onchange="{!c.countLength}"，：这是一个事件处理器，当用户改变文本框中的内容时，这个事件就会被触发。在这个例子中，当用户输入或删除文本时，`countLength` 这个控制器方法就会被调用。这个方法可以用来做一些事情，比如计算用户输入了多少字符，或者根据输入内容做一些验证。总结一下，这个 `` 组件是一个非常灵活的工具，可以帮助你收集用户的输入。通过设置不同的属性，你可以控制它的外观和行为，确保它符合你的应用需求。希望这个解释对你有帮助！

查看详情

34

<lightning:textarea> Attributes

第 518 页

今天我们来聊聊Salesforce中的组件。这个组件其实就是一个多行文本输入框，用户可以在里面输入多行文字。接下来，我会用简单易懂的方式，给你讲讲它的各个属性。 1. ，名称（Name），：这个属性是用来给这个文本输入框起个名字的。你可以把它想象成一个标签，方便你在代码中找到它。 2. ，标签（Label），：这个就是显示在输入框旁边的文字，告诉用户这里应该输入什么内容。比如“请输入您的反馈”。 3. ，值（Value），：这个属性是用来设置或获取输入框里的内容的。你可以通过它来预先填充一些文字，或者获取用户输入的内容。 4. ，需（Required），：这个属性决定用户是否必须填写这个输入框。如果设置为“true”，用户不填写的话，系统会提示他们必须填写。 5. ，残疾（Disabled），：这个属性如果设置为“true”，输入框就会变成灰色，用户不能在里面输入任何内容。 6. ，只读（Read-only），：这个属性如果设置为“true”，用户可以看到输入框里的内容，但不能修改它。 7. ，tabIndex，：这个属性决定了用户按Tab键时，光标会按照什么顺序跳到下一个输入框。数字越小，优先级越高。 8. ，类（Class），：这个属性是用来给输入框添加一些CSS样式的。你可以通过它来改变输入框的外观。 9. ，占位符（Placeholder），：这个属性是用来显示一些提示文字的。当输入框为空时，这些提示文字会显示在输入框里，告诉用户应该输入什么内容。 10. ，minLength，：这个属性设置了用户输入内容的最小长度。如果用户输入的内容少于这个长度，系统会提示他们。 11. ，maxLength，：这个属性设置了用户输入内容的最大长度。如果用户输入的内容超过这个长度，系统会提示他们。 12. ，onchange，：这个属性是一个事件处理函数。当用户改变了输入框里的内容时，这个函数会被触发。 13. ，OnFocus，：这个属性也是一个事件处理函数。当用户点击输入框，准备输入内容时，这个函数会被触发。 14. ，onblur，：这个属性同样是一个事件处理函数。当用户离开输入框，不再输入内容时，这个函数会被触发。好了，这就是组件的主要属性。希望这些解释能帮助你更好地理解和使用它。如果有任何问题，随时问我哦！

查看详情

35

Using <lightning:inputRichText>

第 519 页

同学们，今天我们来聊聊Salesforce中的一个小组件，叫做``。这个组件非常有用，它允许我们在页面上创建一个富文本编辑器。也就是说，用户不仅可以输入普通的文字，还可以添加一些格式，比如加粗、斜体、下划线，甚至插入图片和链接。这个组件背后其实用到了一个叫做Quill.js的JavaScript库。Quill.js是一个非常流行的富文本编辑器库，它提供了很多强大的功能。不过，在Salesforce中，我们使用``时，它的功能是经过简化的，也就是说，我们只能使用Quill.js的一部分功能。这是因为Salesforce为了安全和性能的考虑，对Quill.js做了一些限制。接下来，我们来看一个简单的例子。假设我们有一个属性叫做`myVal`，它的类型是`String`，也就是字符串。我们想要在页面上显示一个富文本编辑器，并且让用户输入的内容保存到这个`myVal`属性中。我们可以这样写代码： ```html <div style="padding: 10px;"> </div> ``` 这里，``定义了一个属性`myVal`，它的类型是字符串。然后，我们在一个`<div>`标签中使用了``组件，并且把`myVal`属性绑定到了这个组件的`value`属性上。这样，用户在富文本编辑器中输入的内容就会自动保存到`myVal`属性中。最后，我们给这个`<div>`标签加了一些内边距（padding），这样页面看起来会更美观一些。好了，这就是关于``的简单介绍。希望你们能理解它的基本用法。如果有任何问题，随时问我！</div></div>

查看详情

36

Customizing the Toolbar

第 520 页

今天我们来聊聊Salesforce中的`lightning:inputRichText`组件，特别是如何使用`disabledCategories`属性来控制工具栏的显示。首先，`lightning:inputRichText`是一个富文本输入组件，允许用户在Salesforce Lightning应用中输入和格式化文本。这个组件自带了一个工具栏，里面有很多按钮，比如加粗、斜体、下划线、对齐等等。有时候，你可能不希望用户使用所有的工具栏功能。比如，你可能不想让用户改变字体或字体大小。这时候，`disabledCategories`属性就派上用场了。 `disabledCategories`属性允许你禁用工具栏中的某些功能类别。你可以通过指定这些类别的名称来禁用它们。比如，如果你不想让用户使用字体和字体大小菜单，你可以这样写： ```html ``` 在这个例子中，`FORMAT_FONT`和`FORMAT_TEXT`是两个类别名称。`FORMAT_FONT`对应的是字体和字体大小菜单，`FORMAT_TEXT`对应的是格式文本按钮，比如加粗、斜体、下划线等。所以，当你设置了`disabledCategories="FORMAT_FONT,FORMAT_TEXT"`，用户在使用这个富文本输入框时，就不会看到字体和字体大小菜单，也不能使用加粗、斜体、下划线这些文本格式按钮了。总结一下，`disabledCategories`属性是一个非常方便的工具，可以帮助你控制用户在使用`lightning:inputRichText`组件时的可用功能。通过指定不同的类别名称，你可以灵活地禁用或启用工具栏中的各种功能。希望这个解释对你有帮助！如果有任何问题，随时问我哦。

查看详情

37

Supported <lightning:inputRichText> HTML Tags

第 521 页

今天我们来聊聊Salesforce中的组件，以及它支持的HTML标签。这个组件非常有用，因为它允许用户在Salesforce的界面上输入和格式化文本，就像你在一个简单的文本编辑器中那样。首先，支持一系列的HTML标签，这些标签可以帮助用户更好地组织和展示他们的文本内容。比如，你可以使用<b>标签来加粗文本，或者使用<em>标签来强调某些文字。接下来，我们来看看一些具体的标签： - ，<b>，和，<strong>，：这两个标签都可以用来加粗文本，让重要的信息更加突出。 - ，<br>，：这个标签用来插入一个换行符，让你的文本在需要的地方换行。 - ，</strong></b></em></b><blockquote><b><em><b><strong>，：当你需要引用一段文字时，可以使用这个标签，它会让引用的内容看起来更加突出。 - ，<code>，和，</code></strong></b></em></b><pre><b><em><b><strong><code>，：这两个标签用于显示代码或者预格式化的文本，保持代码的格式不被破坏。 - ，<del>，和，<ins>，：<del>标签用于显示被删除的文本，而<ins>标签则用于显示新插入的文本。 - ，<img></img>，：这个标签允许你在文本中插入图片，使内容更加丰富。 - ，<ol></ol>，和，<ul></ul>，：这两个标签分别用于创建有序列表和无序列表，帮助用户更好地组织信息。 - ，<p>，：段落标签，用于定义文本的段落。 - ，<span>，：这个标签用于对文本的一部分进行样式设置，而不影响其他部分。这些只是支持的一部分HTML标签，但它们足以让你在Salesforce中创建出既美观又功能丰富的文本内容。希望这些信息对你有帮助，让你在使用Salesforce时更加得心应手！</span></p></ins></del></ins></del></code></strong></b></em></b></pre></blockquote>

查看详情

38

Working with Checkboxes

第 522 页

让我们来聊聊这段代码。这段代码是用来在Salesforce的Lightning组件中创建复选框的。复选框，就是那种你可以点击选择或者取消选择的小方框。这段代码创建了三个复选框，分别代表披萨上的配料：Pepperoni（意大利辣香肠）、Tomato（番茄）和Onion（洋葱）。首先，我们来看第一个复选框： ```html ``` - `type="checkbox"` 表示这是一个复选框。 - `aura:id="toppings"` 是这个复选框的唯一标识符，方便我们在代码中引用它。 - `label="Pepperoni"` 是复选框旁边显示的文本，告诉用户这个选项是什么。 - `name="toppings"` 是这个复选框的名字，通常用于表单提交时识别这个字段。 - `value="1"` 是这个复选框的值，当用户选择这个复选框时，这个值会被提交。接下来是第二个复选框： ```html ``` 这个复选框和第一个类似，但有两个不同点： - `value="2"` 表示这个复选框的值是2。 - `checked="true"` 表示这个复选框默认是选中的。也就是说，当页面加载时，这个复选框已经被勾选了。最后是第三个复选框： ```html ``` 这个复选框和前两个类似，只是它的值是3，并且默认没有被选中。总结一下，这段代码创建了三个复选框，分别代表披萨上的三种配料。用户可以选择他们喜欢的配料，而默认情况下，番茄是被选中的。希望这个解释对你有帮助！

查看详情

39

Determining the Selected Values from Checkboxes

第 523 页

让我们来一起看看这段代码。这段代码的主要功能是检查一个复选框列表中被选中的值，并将这些值收集起来，最后通过一个弹窗显示出来。首先，我们定义了一个名为`submitForm`的函数，这个函数接收三个参数：`cmp`、`event`和`helper`。`cmp`通常代表当前的组件，`event`是触发这个函数的事件，`helper`则是一些辅助函数。在函数内部，我们首先创建了一个空数组`result`，用来存储被选中的复选框的值。然后，我们使用`cmp.find("toppings")`来查找页面上所有名为`toppings`的复选框元素，并将它们存储在变量`toppings`中。接下来，我们使用一个`for`循环来遍历`toppings`数组中的每一个复选框。在循环中，我们检查每个复选框是否被选中，这是通过`toppings[i].get("v.checked")`来实现的。如果复选框被选中，我们就使用`result.push(toppings[i].get('v.value'))`将这个复选框的值添加到`result`数组中。最后，我们使用`alert(result.join(','))`来弹出一个窗口，显示所有被选中的复选框的值，这些值会用逗号分隔开来。简单来说，这段代码的作用就是收集用户选择的复选框的值，并以弹窗的形式展示出来。希望这个解释对你有帮助！

查看详情

40

Working with Radio Buttons

第 524 页

今天我们来聊聊如何在Salesforce的Lightning组件中使用单选按钮，也就是Radio Buttons。单选按钮是一种让用户从多个选项中选择一个的控件。在我们的例子中，我们创建了一个披萨配料的单选按钮组。首先，我们使用``标签来创建单选按钮。每个单选按钮都有几个重要的属性： 1. ，type="radio"，：这告诉Salesforce我们要创建一个单选按钮。 2. ，label，：这是显示在单选按钮旁边的文本，告诉用户这个选项是什么。在我们的例子中，我们有“Pepperoni”、“Tomato”和“Onion”。 3. ，name，：所有相关的单选按钮应该有相同的`name`属性值。这确保了用户只能选择其中一个选项。在我们的例子中，所有单选按钮的`name`都是“toppings”。 4. ，value，：这是当用户选择这个单选按钮时，提交给服务器的值。每个单选按钮的`value`应该是唯一的。 5. ，checked，：这个属性是可选的。如果设置为`true`，那么这个单选按钮在页面加载时会被默认选中。在我们的例子中，“Tomato”被设置为默认选中。 6. ，aura:id，：这是一个标识符，可以在你的控制器或帮助器中用来引用这个组件。在我们的代码中，我们创建了三个单选按钮，分别代表三种不同的披萨配料。用户可以选择他们喜欢的配料，但由于它们共享相同的`name`属性，所以一次只能选择一个。这就是如何在Salesforce中使用单选按钮的基本知识。希望这能帮助你更好地理解和使用这个功能！

查看详情

41

Getting the Selected Radio Button

第 525 页

让我们来一起看看这段代码。这段代码的目的是获取用户选择的广播按钮（也就是单选按钮）的值，并在用户选择后弹出一个提示框，告诉用户他们选择了哪个选项。首先，我们来看一下代码的结构： ```javascript submitForm: function(cmp, event, helper) { event.preventDefault(); // 阻止默认的表单提交行为 var results = []; // 创建一个空数组，用来存储结果 var toppings = cmp.find("toppings"); // 查找页面上的广播按钮组 for (var i = 0; i < toppings.length; i++) { // 遍历所有的广播按钮 if (toppings[i].get("v.checked")) { // 检查当前按钮是否被选中 alert("您选择了：" + toppings[i].get("v.value")); // 如果选中了，弹出提示框显示选中的值 break; // 跳出循环，因为我们只需要知道用户选择了哪个选项 } } } ``` ### 逐行解释： 1. ，`event.preventDefault();`，这行代码的作用是阻止表单的默认提交行为。通常，表单在提交时会刷新页面，但我们可能希望在提交前做一些其他操作，比如验证用户输入或显示提示信息。 2. ，`var results = [];`，这里我们创建了一个空数组 `results`，虽然在这段代码中它没有被使用，但通常我们会用它来存储一些结果数据。 3. ，`var toppings = cmp.find("toppings");`，这行代码的作用是查找页面上所有带有 `aura:id="toppings"` 的组件。`cmp.find` 是 Salesforce Lightning 框架中的一个方法，用来查找组件。`toppings` 是一个数组，包含了所有找到的广播按钮。 4. ，`for (var i = 0; i < toppings.length; i++) {`，这是一个 `for` 循环，用来遍历 `toppings` 数组中的每一个广播按钮。 5. ，`if (toppings[i].get("v.checked")) {`，这行代码检查当前广播按钮是否被选中。`get("v.checked")` 是 Salesforce Lightning 框架中的一个方法，用来获取组件的属性值。`v.checked` 表示按钮是否被选中。 6. ，`alert("您选择了：" + toppings[i].get("v.value"));`，如果按钮被选中了，就会弹出一个提示框，显示用户选择的选项。`get("v.value")` 获取按钮的值，这个值通常是按钮的标签或某个标识符。 7. ，`break;`，这行代码的作用是跳出循环。因为我们只需要知道用户选择了哪个选项，所以一旦找到选中的按钮，就可以停止遍历了。 ### 总结：这段代码的核心逻辑是遍历所有的广播按钮，找到用户选中的那个，并弹出一个提示框显示选中的值。虽然代码看起来有点复杂，但其实它的逻辑非常清晰：查找、遍历、判断、显示结果。希望这个解释能帮助你更好地理解这段代码！如果有任何问题，随时问我哦！

查看详情

42

Using lightning:radioGroup

第 526 页

今天我们来聊聊如何在Salesforce的Lightning组件中使用`lightning:radioGroup`。这个组件非常有用，特别是当你需要让用户从几个选项中选择一个的时候。首先，我们来看一下代码的基本结构。我们有一个`aura:component`，这是所有Lightning组件的基础。在这个组件里，我们定义了两个`aura:attribute`。第一个是`options`，它是一个列表，里面包含了用户可以选择的选项。每个选项都有一个`label`（显示给用户看的文字）和一个`value`（实际存储的值）。在这个例子中，我们有四个选项：酒店、餐厅、学生和培训中心。第二个`aura:attribute`是`value`，它用来存储用户当前选择的选项的值。默认情况下，我们设置它为“Hotel”。接下来，我们使用`lightning:radioGroup`标签来创建单选按钮组。这个标签有几个重要的属性： - `aura:id`：给这个组件一个唯一的标识符，方便我们在JavaScript中引用它。 - `name`：给单选按钮组一个名字，这在表单提交时很有用。 - `label`：显示在单选按钮组上方的标签，告诉用户这个选择是关于什么的。 - `options`：绑定到我们之前定义的`options`列表，这样单选按钮组就知道要显示哪些选项。 - `value`：绑定到`value`属性，这样当用户选择一个选项时，`value`会自动更新。 - `onchange`：当用户改变选择时，会触发这个事件处理器。这里我们绑定到一个名为`handleChange`的控制器方法。 - `required`：设置为`true`，表示用户必须选择一个选项。最后，我们关闭了`aura:component`标签，完成了这个组件的定义。这个组件现在就可以在Salesforce的Lightning页面上使用了。当用户选择一个选项时，`handleChange`方法会被调用，你可以在这个方法里处理用户的选择，比如更新其他组件的状态或者保存用户的选择。希望这个解释能帮助你理解如何使用`lightning:radioGroup`。如果你有任何问题，随时问我！

查看详情

43

Using lightning:radiogroup Button

第 527 页

今天我们来聊聊如何在Salesforce中使用一个叫做“闪电组件”的东西，特别是其中的一个组件叫做“放射性组Button”，听起来是不是有点酷？其实它的英文名字是`lightning:radioGroup`，我们通常用它来创建一组单选按钮，让用户可以选择一个选项。首先，我们来看一下这个组件的代码： ```html ``` 这段代码的意思是，我们创建了一个单选按钮组，用户可以从几个选项中选择一个。让我们逐行解释一下： 1. ，``，：这是组件的开始标签，表示我们要创建一个单选按钮组。 2. ，`type="button"`，：这个属性告诉组件，我们要用按钮的形式来显示这些选项。也就是说，每个选项看起来会像一个按钮，而不是传统的圆形单选按钮。 3. ，`label="Review of:"`，：这是单选按钮组的标签，显示在组件的上方，告诉用户这个按钮组是用来做什么的。在这里，标签是“Review of:”，意思是“审查对象：”。 4. ，`options="{!v.reviewOptions}"`，：这个属性是用来定义单选按钮组中的选项的。`{!v.reviewOptions}`表示我们从控制器中获取了一个叫做`reviewOptions`的变量，这个变量应该是一个包含选项的列表。每个选项通常会有两个属性：`label`（显示给用户看的文字）和`value`（选项的实际值）。 5. ，`value="{!v.objReportFields.ReviewType__c}"`，：这个属性是用来绑定用户选择的值的。当用户选择一个选项时，选中的值会被存储在这个变量中。在这里，我们把它绑定到了一个叫做`objReportFields.ReviewType__c`的字段上，这个字段可能是某个对象的自定义字段。总结一下，这段代码的作用是创建一个按钮形式的单选按钮组，用户可以从中选择一个选项，选中的值会被存储在一个指定的字段中。希望这个解释能帮助你理解如何使用`lightning:radioGroup`组件。如果你有任何问题，随时问我！

查看详情

44

Working with Picklists

第 528 页

让我们来聊聊如何在Salesforce中使用Picklist字段来填充一个radioGroup。这个例子中，我们想要从Salesforce的一个自定义对象`TripReport__c`中的`ReviewType__c`字段获取所有的选项，并将这些选项显示为一个radioGroup。首先，我们需要理解什么是Picklist。在Salesforce中，Picklist是一种字段类型，它允许用户从一个预定义的列表中选择一个值。比如，`ReviewType__c`可能包含“Positive”、“Neutral”、“Negative”等选项。接下来，我们来看代码。这段代码是一个Apex方法，它被标记为`@AuraEnabled`，这意味着它可以从Lightning组件中调用。这个方法的目的是获取`ReviewType__c`字段的所有选项，并将它们作为一个字符串列表返回。 ```apex @AuraEnabled public static List getLocationTypes() { List options = new List(); Schema.DescribeFieldResult fieldResult = TripReport__c.ReviewType__c.getDescribe(); List ple = fieldResult.getPicklistValues(); for(Schema.PicklistEntry f : ple) { options.add(f.getLabel()); } return options; } ``` 让我们一步步来看这段代码： 1. ，创建选项列表，：我们首先创建了一个空的字符串列表`options`，用来存储我们获取到的Picklist选项。 2. ，获取字段描述，：我们使用`TripReport__c.ReviewType__c.getDescribe()`来获取`ReviewType__c`字段的描述信息。这个描述信息包含了字段的所有元数据，包括Picklist的选项。 3. ，获取Picklist选项，：通过`fieldResult.getPicklistValues()`，我们获取到了`ReviewType__c`字段的所有Picklist选项。这些选项是以`Schema.PicklistEntry`对象的形式返回的。 4. ，遍历并添加选项，：我们遍历这些`PicklistEntry`对象，并使用`f.getLabel()`获取每个选项的标签（也就是显示给用户的文本），然后将这些标签添加到`options`列表中。 5. ，返回选项列表，：最后，我们将这个包含所有选项的列表返回给调用者。这个方法可以在Lightning组件中被调用，然后将返回的选项列表绑定到一个`radioGroup`组件上，用户就可以看到并选择这些选项了。希望这个解释能帮助你理解如何在Salesforce中使用Picklist字段来填充radioGroup。如果你有任何问题，随时问我！

查看详情

45

Working with Toggle Buttons

第 529 页

让我们来聊聊这段代码。这段代码使用了Salesforce的Lightning组件库中的`lightning:input`组件，具体是用来创建切换按钮的。切换按钮，也就是我们常说的开关按钮，用户可以通过点击它来开启或关闭某个功能。在这段代码中，有三个切换按钮，分别对应三个不同的功能：Warp Drive（曲速引擎）、Phasers（相位器）和Photon Torpedoes（光子鱼雷）。每个按钮都有一个`label`属性，这个属性是用来显示按钮旁边的文字说明的，比如“Warp Drive”就是第一个按钮的标签。每个按钮还有一个`name`属性，这里都设置为“status”。这个属性是用来标识按钮的，特别是在表单中，当用户提交表单时，服务器可以通过这个`name`来识别是哪个按钮被点击了。接下来是`value`属性，这个属性给每个按钮赋予了一个唯一的值，分别是1、2和3。这个值在表单提交时会发送到服务器，帮助服务器知道用户选择了哪个选项。 `checked`属性是一个布尔值，表示按钮的初始状态是开启还是关闭。在第一个按钮中，`checked="true"`表示这个按钮默认是开启的。而其他两个按钮没有设置这个属性，所以它们默认是关闭的。最后，`aura:id`属性是用来在Aura框架中唯一标识这个组件的，这样在JavaScript代码中就可以通过这个ID来找到并操作这个组件。总结一下，这段代码创建了三个切换按钮，分别控制三个不同的功能，每个按钮都有自己独特的标签和值，第一个按钮默认是开启的。希望这个解释能帮助你更好地理解这段代码的作用！

查看详情

46

Aligning Multiple Toggle Buttons

第 530 页

让我们来聊聊如何对齐多个切换按钮，以及如何调整它们的样式。首先，我们来看一下你提供的代码片段。 ```css THIS fieldset > legend { 页边底部：10 px; } .This fieldset .slds-form-Element__Label { 宽度：150 px; } ``` ### 1. ，对齐多个切换按钮，在Salesforce Lightning Design System (SLDS)中，切换按钮（Toggle Buttons）通常是通过``或``组件来实现的。如果你想要对齐多个切换按钮，可以使用``和``来创建一个灵活的布局。例如： ```html ``` 这样，你就可以轻松地将多个切换按钮对齐并排显示。 ### 2. ，调整样式，接下来，我们来看一下你提供的CSS代码。 ```css THIS fieldset > legend { 页边底部：10 px; } .This fieldset .slds-form-Element__Label { 宽度：150 px; } ``` - ，`THIS fieldset > legend`，: 这部分代码是用来调整``中的``元素的底部边距。`页边底部：10 px;`的意思是给``元素添加10像素的底部边距。这样可以让``和下面的内容之间有一定的间距。 - ，`.This fieldset .slds-form-Element__Label`，: 这部分代码是用来调整``中所有带有`class="slds-form-Element__Label"`的元素的宽度。`宽度：150 px;`的意思是设置这些标签的宽度为150像素。这样可以让标签的宽度保持一致，看起来更整齐。 ### 3. ，注意事项， - ，单位，: 在CSS中，像素的单位是`px`，而不是`px;`。所以正确的写法应该是`margin-bottom: 10px;`和`width: 150px;`。 - ，选择器，: 确保你的选择器是正确的。`THIS fieldset`应该改为`.this-fieldset`，假设`this-fieldset`是你的``元素的类名。 ### 4. ，总结，通过使用``和``，你可以轻松地对齐多个切换按钮。同时，通过调整CSS样式，你可以控制``和标签的宽度和间距，使页面看起来更加整洁和一致。希望这些内容对你有帮助！如果有任何问题，随时问我哦！

查看详情

47

Unit 7: Working with Data - 532

第 532 页

让我们来聊聊单元7的内容，这个单元主要是关于如何在Salesforce中处理和操作数据的。我会尽量用简单的话来解释，这样你听起来会更容易理解。首先，我们会学习如何设计和实现数据输入表单。这就像是在网上填写一个表格，比如注册信息或者订单详情。在Salesforce中，你可以创建自定义的表单，让用户输入数据。这些表单可以非常灵活，你可以根据需要添加各种字段，比如文本框、下拉菜单、日期选择器等。接下来，我们会讨论如何使用JavaScript来验证表单数据。这就像是你在填写表单时，系统会检查你输入的信息是否正确，比如邮箱格式是否正确，电话号码是否有效等。使用JavaScript，我们可以在用户提交表单之前，先检查一下数据，确保它们是正确的。然后，我们会学习如何将表单数据传递到服务器端的控制器。这就像是当你点击“提交”按钮后，你填写的所有信息会被发送到服务器，服务器会处理这些数据，比如保存到数据库中。在Salesforce中，我们可以使用Apex控制器来处理这些数据。我们还会学习如何从Salesforce记录中检索和显示数据。这就像是你在查看一个已经保存的记录，比如一个客户的详细信息。在Salesforce中，你可以轻松地查询和显示这些数据，让用户可以看到他们需要的信息。最后，我们会学习如何更新现有的Salesforce自定义对象中的数据。这就像是当你发现某个记录有误时，你可以去修改它，比如更新客户的地址或者电话号码。在Salesforce中，你可以通过表单来更新这些数据，确保信息的准确性。在整个过程中，我们还需要注意等待服务器请求完成。这就像是当你提交表单后，需要等待服务器处理完数据，才能看到结果。在Salesforce中，我们需要确保在数据完全处理完毕之前，用户不会进行其他操作，以避免数据不一致的问题。好了，这就是单元7的主要内容。希望这些解释能帮助你更好地理解如何在Salesforce中处理数据。如果你有任何问题，随时问我哦！

查看详情

48

Topics - 533

第 533 页

同学们，今天我们来聊聊Salesforce中的数据验证。这个话题非常重要，因为它帮助我们确保输入到系统中的数据是准确和有效的。首先，我们来看一下如何验证字符串。在Salesforce中，我们可以使用验证规则来确保用户输入的字符串符合特定的格式或要求。比如，你可能希望确保一个名字字段只包含字母，没有数字或特殊字符。通过设置一个简单的验证规则，我们可以轻松实现这一点。接下来是验证号码。对于电话号码、邮政编码或其他类型的数字数据，我们同样可以使用验证规则来确保它们的格式正确。例如，你可以设置一个规则来确保电话号码包含正确的位数，或者邮政编码符合特定国家的格式。然后，我们谈谈如何使用属性更改收件箱验证字段。在Salesforce中，你可以配置字段的属性，比如是否必填、是否唯一等。这些属性可以帮助自动验证数据的有效性。例如，如果你将一个字段设置为必填，那么用户在提交记录时，如果这个字段为空，系统就会提示错误。最后，我们来看看如何程序化地确定字段的有效性。在Salesforce中，你可以编写Apex代码来进一步验证数据的有效性。这在你需要执行更复杂的验证逻辑时非常有用。例如，你可能需要检查一个日期字段是否在特定的范围内，或者一个数字字段是否满足特定的业务规则。好了，这就是今天关于数据验证的内容。希望大家能够理解并应用到实际工作中。记得查看学生指南中的幻灯片，那里有更多的细节和示例可以帮助你更好地掌握这些概念。如果有任何问题，随时提问哦！

查看详情

49

About Validating Data

第 534 页

今天我们来聊聊如何在Salesforce的Lightning组件中验证用户输入的数据。这个功能非常重要，因为它能确保用户输入的数据是准确和完整的。首先，我们使用了一个叫做``的组件。这个组件允许用户在页面上输入数据。为了确保用户不会漏填重要信息，我们可以设置一个叫做`required`的属性。当这个属性设置为`true`时，这个输入框就变成了必填项。举个例子，如果我们有一个输入框是用来填写用户的名字的，我们可以这样设置： ```html ``` 在这个例子中，`name`属性定义了输入框的名字，`label`属性定义了输入框旁边的标签，告诉用户这里应该输入什么。而`required="true"`则确保用户必须填写这个字段。有趣的是，验证消息不会立即出现。只有当用户开始在输入框中输入内容，然后又尝试离开这个输入框时，如果输入框是空的，验证消息才会出现，提醒用户这个字段是必填的。这种方式既不会打扰用户的输入流程，又能在适当的时候提醒用户完成必要的输入，非常人性化。希望这个解释能帮助你理解如何在Salesforce中实现数据验证。如果有任何疑问，随时提问哦！

查看详情

50

Configuring Validation Messages

第 535 页

今天我们来聊聊如何在Salesforce的Lightning组件中配置验证消息。这个功能非常有用，尤其是在你需要确保用户输入了必要信息时。想象一下，你有一个表单，要求用户填写他们的姓氏。如果用户忘记填写这个字段，你希望系统能给出一个友好的提示，告诉他们“请输入你的姓氏”。这就是验证消息的作用。在Lightning组件中，你可以使用``标签来创建一个输入字段。为了让这个字段成为必填项，你可以添加`required="true"`属性。这样，如果用户没有填写这个字段，系统就会自动阻止表单提交，并显示一个错误消息。但是，默认的错误消息可能不够友好或者不够具体。这时，你可以使用`messageWhenValueMissing`属性来自定义这个错误消息。比如，你可以设置`messageWhenValueMissing="Enter your last name!!!!"`，这样当用户忘记填写姓氏时，系统就会显示“Enter your last name!!!!”这个提示。总结一下，通过使用`required="true"`和`messageWhenValueMissing`属性，你可以确保用户填写必要的信息，并且在用户忘记填写时，给出一个清晰、友好的提示。这样不仅能提升用户体验，还能确保数据的完整性。希望这个解释对你有帮助！如果有任何问题，随时问我哦。

查看详情

51

Validating Strings

第 536 页

让我们来聊聊如何验证字符串“536”。首先，我们需要明确“验证”在这里的具体含义。你是想验证这个字符串是否只包含数字，还是想验证它是否符合某种特定的格式或规则呢？假设你想验证“536”是否是一个有效的数字字符串，我们可以从以下几个方面来考虑： 1. ，字符检查，：首先，我们可以检查字符串中的每一个字符，确保它们都是数字。在“536”这个例子中，我们可以看到每一个字符都是0到9之间的数字，所以这一点是满足的。 2. ，长度检查，：接下来，我们可以检查字符串的长度。如果“536”是一个三位数的数字，那么它的长度应该是3。在这个例子中，字符串的长度确实是3，所以这一点也是满足的。 3. ，格式检查，：如果你有特定的格式要求，比如这个字符串必须是一个有效的电话号码的一部分，或者是一个特定的编码格式，那么你可能需要进一步的检查。例如，如果“536”必须是一个有效的区号，你可能需要检查它是否在你的国家或地区的有效区号列表中。 4. ，业务规则检查，：最后，如果这个字符串在你的业务逻辑中有特定的含义，比如它代表一个产品代码，那么你可能需要检查它是否符合你的产品代码的规则。例如，产品代码可能要求前两位是字母，后三位是数字，那么“536”就不符合这个规则。综上所述，验证字符串“536”是否有效，取决于你具体的验证需求。如果只是简单地验证它是否是一个由数字组成的字符串，那么“536”是有效的。如果你有更复杂的验证需求，那么你可能需要进行更多的检查。希望这个解释对你有帮助！如果你有更多的问题，或者需要进一步的解释，随时告诉我。

查看详情

52

Using minlength and maxlength

第 537 页

今天我们来聊聊如何在Salesforce的Lightning组件中使用`lightning:input`来设置输入框的最小长度和最大长度。首先，我们来看一下这个代码片段： ```html ``` 在这个例子中，我们创建了一个输入框，专门用来输入用户的姓氏（Last Name）。这个输入框有几个重要的属性： 1. ，name="lastName"，：这是输入框的名字，用来在后台识别这个输入框。 2. ，label="Last Name"，：这是输入框的标签，显示在输入框前面，告诉用户这里应该输入什么内容。 3. ，required="true"，：这个属性表示这个输入框是必填的，用户不能留空。 4. ，minlength="2"，：这个属性设置了输入内容的最小长度。在这里，用户至少需要输入2个字符。 5. ，maxlength="15"，：这个属性设置了输入内容的最大长度。在这里，用户最多只能输入15个字符。 6. ，messageWhenBadInput="You must enter a minimum of 2 chars"，：如果用户输入的字符少于2个，就会显示这条错误信息。 7. ，messageWhenTooLong="Max 15 characters allowed!"，：如果用户输入的字符超过15个，就会显示这条错误信息。通过这样的设置，我们可以确保用户输入的姓氏既不会太短，也不会太长，符合我们的业务需求。希望这个解释对你有帮助！如果你有任何问题，随时问我哦。

查看详情

53

Using Pattern Validation

第 538 页

让我们来聊聊这段代码。这段代码是用来创建一个输入框，专门用来输入社会安全号码（SSN）。社会安全号码在美国是非常重要的个人标识，通常的格式是三个数字，一个横杠，两个数字，再一个横杠，最后是四个数字，比如123-45-6789。在这段代码中，我们使用了`lightning:input`组件来创建这个输入框。`name`属性给这个输入框起了一个名字，叫做“ssn”。`label`属性则是用来显示在输入框旁边的提示文字，告诉用户这里应该输入社会安全号码。接下来，`required="true"`表示这个输入框是必填的，用户不能留空。`pattern`属性是用来设置输入格式的规则。这里的规则是：要么输入三个数字，一个可选的横杠，两个数字，一个可选的横杠，最后是四个数字；要么输入“XXX-XX-XXXX”。这个规则确保了用户输入的内容符合社会安全号码的格式要求。最后，`messageWhenPatternMismatch`属性是用来设置当用户输入的内容不符合格式要求时，显示的错误提示信息。这里的信息是：“You must enter a string in the format of 999-99-9999”，意思是“你必须输入一个格式为999-99-9999的字符串”。简单来说，这段代码就是创建了一个输入框，要求用户输入符合特定格式的社会安全号码，如果格式不对，就会显示一个错误提示。希望这个解释对你有帮助！

查看详情

54

Validating Numbers

第 539 页

让我们来聊聊验证号码539。想象一下，你正在使用Salesforce，突然系统提示你需要验证一个号码，比如539。这其实是一个安全措施，确保只有你本人能访问你的账户。验证号码539就像是一个临时的密码，通常通过短信或者邮件发送给你。你只需要在指定的地方输入这个号码，系统就会确认你的身份，然后你就可以继续你的操作了。这个过程虽然简单，但非常重要。它保护了你的账户安全，防止未经授权的人访问你的信息。所以，下次当你看到验证号码539时，记得及时输入，确保你的账户安全无忧。希望这个解释对你有帮助！如果你还有其他问题，随时问我哦。

查看详情

55

Validating Number Validation Rules

第 540 页

今天我们来聊聊Salesforce中的验证规则，特别是关于数字输入的验证。想象一下，你正在设计一个表单，要求用户输入他们的年龄。你希望确保这个年龄是在一个合理的范围内，比如说，至少18岁，但不超过65岁。这就是我们今天要讨论的验证规则540。在Salesforce中，我们可以使用``组件来创建一个输入字段。这个组件有一个`type`属性，我们可以设置为`number`，这样用户就只能输入数字了。接下来，我们给这个输入字段一个名字，比如`age`，这样我们就可以在后台处理这个数据了。然后，我们设置一个`label`，也就是标签，告诉用户这个输入框是用来输入年龄的。我们还设置`required="true"`，这意味着用户必须填写这个字段，不能留空。接下来是关键部分，我们设置`min="18"`和`max="65"`。这两个属性告诉Salesforce，用户输入的年龄必须在18到65岁之间。如果用户输入的年龄小于18岁，Salesforce会显示一个错误信息，我们通过`messageWhenRangeUnderflow`属性来设置这个信息，比如“你必须至少18岁”。同样，如果用户输入的年龄超过65岁，Salesforce会显示另一个错误信息，我们通过`messageWhenRangeOverflow`属性来设置，比如“你必须65岁或更年轻”。这样，我们就创建了一个简单的年龄输入验证规则，确保用户输入的年龄在我们的预期范围内。这不仅提高了数据的准确性，也提升了用户体验，因为他们会立即知道自己的输入是否符合要求。希望这个解释对你有帮助，如果你有任何问题，随时问我！

查看详情

56

Validating Fields with an Attribute Change Listener

第 541 页

让我们来一起看看这段代码。这段代码是一个简单的Salesforce Lightning组件，它包含一个输入字段和一个提交按钮。我们的目标是当用户在“First Name”字段中输入内容时，自动验证这个字段是否为空，并在有错误时显示错误信息。首先，我们定义了两个属性：`firstName` 和 `errors`。`firstName` 是一个全局可访问的字符串类型属性，用来存储用户输入的名字。`errors` 是一个私有的字符串类型属性，用来存储错误信息。接下来，我们使用了一个 `aura:handler` 标签来监听 `firstName` 属性的变化。当 `firstName` 的值发生变化时，会触发一个名为 `validateRequiredData` 的控制器方法。这个方法的作用是检查 `firstName` 是否为空，如果为空，就在 `errors` 属性中设置错误信息。在页面上，我们使用了一个 `lightning:input` 组件来显示“First Name”输入框，并将它的值绑定到 `firstName` 属性。我们还使用了一个 `div` 元素来显示错误信息，这个 `div` 的内容绑定到 `errors` 属性。最后，我们添加了一个提交按钮，用户点击这个按钮时可以提交表单。总结一下，这段代码的主要功能是实时验证用户输入的名字是否为空，并在有错误时显示错误信息。通过这种方式，我们可以确保用户在提交表单之前已经填写了所有必填字段。

查看详情

57

Validating Data with a Change Listener

第 542 页

让我们来一起看看这段代码。这段代码的主要目的是验证用户输入的数据，并根据验证结果来更新界面上的按钮状态和错误信息。首先，我们有一个函数叫做 `validateDeliverredData`，它接收三个参数：`cmp`、`Events` 和 `helper`。`cmp` 是组件的引用，`Events` 是事件对象，`helper` 是帮助类。在这个函数里，我们首先检查 `cmp` 中的 `firstName` 字段是否为空。如果 `firstName` 是空的，我们就做两件事： 1. 找到界面上的提交按钮（假设它的 `aura:id` 是 `btnSubmit`），并将它的 `disabled` 属性设置为 `true`，这样用户就不能点击这个按钮了。 2. 设置一个错误信息，告诉用户“您必须输入名称”。如果 `firstName` 不是空的，我们就把错误信息清空，并且再次禁用提交按钮。不过这里有一个小问题，就是无论 `firstName` 是否为空，提交按钮都会被禁用。这可能不是我们想要的效果，通常我们希望在输入有效时才启用按钮。所以，我们可以稍微修改一下代码，让它在 `firstName` 不为空时启用按钮： ```javascript ({ validateDeliverredData: function(cmp, event, helper) { if (cmp.get('v.firstName') === '') { cmp.find('btnSubmit').set('v.disabled', true); cmp.set('v.errors', '您必须输入名称'); } else { cmp.set('v.errors', ''); cmp.find('btnSubmit').set('v.disabled', false); } } }); ``` 这样，当用户输入了有效的 `firstName` 时，提交按钮就会启用，用户可以点击它来提交表单。希望这个解释对你有帮助！如果有任何问题，随时问我哦。

查看详情

58

Programmatically Determining Field Validity

第 543 页

今天我们来聊聊程序化确定现场有效性时可能遇到的一些常见问题。这些问题就像是你在做数学题时，可能会犯的一些小错误。我们一起来看看这些“坏输入”都有哪些类型。首先，，模式不匹配，。这就像是你想用一把钥匙开锁，但这把钥匙和锁的型号不匹配，所以打不开。在程序中，这意味着你输入的数据格式和程序预期的格式不一样，比如你输入了一个字母，但程序期待的是一个数字。接下来是，范围溢出，和，范围下溢，。这两个问题就像是你在一个杯子里倒水，倒得太多了，水就会溢出来；倒得太少了，杯子又没满。在程序中，这意味着你输入的数字太大或太小，超出了程序能处理的范围。然后是，步骤不匹配，。这就像是你按照食谱做菜，但跳过了几个步骤，结果菜的味道就不对了。在程序中，这意味着你跳过了某些必要的步骤，导致程序无法正常运行。，太长了，这个问题，就像是你写作文时，字数超过了老师的要求。在程序中，这意味着你输入的数据长度超过了程序设定的最大长度。，类型不匹配，，这就像是你想用苹果去换香蕉，但对方只接受橙子。在程序中，这意味着你输入的数据类型和程序期待的类型不一样，比如你输入了一个字符串，但程序期待的是一个整数。最后是，价值缺失，。这就像是你去买东西，但忘了带钱。在程序中，这意味着你漏填了某些必填的字段，导致程序无法继续执行。这些就是程序化确定现场有效性时可能会遇到的一些常见问题。了解这些问题，可以帮助我们更好地调试和优化程序。希望这些解释对你有帮助！

查看详情

59

Example: Programmatically Determining Field Validity

第 544 页

让我们来聊聊这段代码的作用。这段代码的主要目的是检查表单中的某些字段是否有效，并根据检查结果来决定是否禁用提交按钮。首先，我们定义了一个数组`fields`，里面包含了我们需要检查的字段名，比如`studentName`、`startDate`和`endDate`。然后，我们使用一个`for`循环来遍历这个数组中的每一个字段。在循环中，我们通过`component.find`方法找到当前字段，并获取它的有效性状态`validity`。这个`validity`对象包含了字段的各种有效性信息，比如字段是否为空、是否超出范围等。接下来，我们检查`validity.valid`属性。如果这个属性是`false`，说明当前字段无效，那么我们就禁用提交按钮，并立即返回，不再继续检查其他字段。如果所有字段都有效，那么我们就启用提交按钮。总的来说，这段代码的作用就是确保用户在提交表单之前，所有必填字段都已经正确填写。如果有任何一个字段无效，提交按钮就会被禁用，防止用户提交不完整或错误的数据。希望这个解释能帮助你理解这段代码的作用！如果有任何问题，随时问我哦！

查看详情

60

Exercise 7-3: Validating Form Data

第 545 页

同学们，今天我们来聊聊一个非常实用的练习——验证表格Data 545。这个练习主要是关于如何使用Salesforce的自定义组件来创建一个表单，并且确保在用户填写表单时，所有的字段都是有效的。如果有一个字段无效，我们就禁用提交按钮，直到所有字段都正确填写为止。首先，我们来看一下这个自定义组件，叫做TripReportForm。这个组件里面有几个字段，比如出发地、目的地、日期等等。我们的目标是，当用户离开一个输入框（也就是触发onblur事件）时，我们要检查这个字段是否填写正确。如果所有字段都有效，那么提交按钮就会变成可点击的状态；如果有任何一个字段无效，提交按钮就会保持禁用状态，直到用户修正了所有错误。这个过程听起来可能有点复杂，但其实很简单。我们只需要在onblur事件处理程序中加入一些逻辑，来检查每个字段的有效性。如果检查通过，我们就允许提交；如果不通过，我们就保持按钮禁用。这样，我们就可以确保用户在提交表单之前，所有的信息都是准确无误的。这不仅提高了数据的质量，也减少了后续处理数据时的麻烦。好了，这就是今天的练习内容。希望大家能够理解并掌握这个技巧，这样在以后的工作中，你们就能更有效地处理表单数据了。如果有任何问题，随时提问哦！

查看详情

61

Implement required field validation.

第 546 页

同学们，今天我们来聊聊如何在Salesforce中实施现场验证。这个功能非常有用，它可以帮助我们在用户填写表单时，确保他们输入了所有必要的信息。这样，我们就可以避免因为遗漏重要数据而导致的后续问题。首先，我们需要为几个关键字段添加必需的验证。这些字段包括“选择教练”、“位置名称”、“访问日期”和“审查类型”。我们的目标是确保用户在提交表单之前，这些字段都已经填写完整。接下来，我们还要实现一个功能，就是自动启用或禁用保存按钮。这个功能的意思是，当所有必需的字段都填写正确时，保存按钮就会自动启用，用户可以点击保存。但如果还有字段没有填写或者填写不正确，保存按钮就会保持禁用状态，用户无法点击保存。这个过程大概需要20分钟来完成。我们会一步步来，确保每个步骤都清晰明了。这样，你们在以后的工作中，也可以轻松地应用这些技巧。好了，我们现在就开始吧！首先，打开Salesforce，找到我们需要添加验证的表单。然后，我们依次为“选择教练”、“位置名称”、“访问日期”和“审查类型”这些字段添加必需的验证。最后，我们设置保存按钮的自动启用和禁用功能。记住，这个过程虽然看起来有点复杂，但只要我们一步步来，就一定能顺利完成。加油！

查看详情

62

Unit 7: Working with Data - 547

第 547 页

同学们，今天我们来聊聊单元7的内容，这个单元主要是关于如何在Salesforce中处理和操作数据的。听起来可能有点技术性，但别担心，我会用简单的方式来解释。首先，我们会学习如何设计和实现数据输入表单。这就像是在网上填写一个表格，比如注册信息或者订单详情。在Salesforce中，我们可以创建自定义的表单，让用户输入数据。接下来，我们会使用JavaScript来验证这些输入的数据。想象一下，如果你在填写一个表单时，不小心漏填了必填项，或者填写的格式不对，JavaScript可以帮助我们检查这些错误，确保数据的准确性和完整性。然后，我们会学习如何将这些表单数据传递到服务器端的控制器。这就像是你把填好的表格交给后台的工作人员，他们会处理这些信息。在Salesforce中，我们还可以从记录中检索和显示数据。这就像是从一个数据库中查找信息，并在屏幕上展示出来。我们还会学习如何更新这些记录中的数据，比如修改一个客户的联系信息。最后，我们会讨论如何等待服务器请求完成。这就像是你发送了一个请求，然后等待回复。在这个过程中，我们需要确保我们的应用程序能够正确处理这些等待时间，不会让用户感到困惑或者不耐烦。总的来说，这个单元会教你如何在Salesforce中有效地处理数据，从创建表单到更新记录，每一步都很重要。希望你们能跟上节奏，如果有任何问题，随时提问哦！

查看详情

63

Topics - 548

第 548 页

同学们，今天我们来聊聊如何在Salesforce中查看和编辑记录。这个话题其实非常基础，但也是我们日常工作中最常用的功能之一。首先，我们来看一下如何查看记录。在Salesforce中，记录就像是数据库中的一行数据，它包含了某个特定对象的所有信息。比如，如果你在查看一个客户记录，那么这个记录就会包含客户的名字、联系方式、地址等信息。要查看一个记录，你只需要在Salesforce的搜索栏中输入记录的名称或者ID，然后点击搜索。找到你想要的记录后，点击它，你就可以看到这个记录的详细信息了。接下来，我们来看看如何编辑记录。编辑记录其实也很简单。当你查看一个记录的时候，你会看到一个“编辑”按钮，通常是在页面的右上角。点击这个按钮，你就可以进入编辑模式了。在编辑模式下，你可以修改记录中的任何字段。比如，如果你发现客户的电话号码有误，你可以直接在这个页面上修改。修改完成后，别忘了点击“保存”按钮，这样你的更改才会生效。好了，这就是今天的内容。希望大家能够掌握如何在Salesforce中查看和编辑记录。如果你有任何问题，随时可以问我。现在，请大家花点时间在学生指南中找到相关的幻灯片，这样可以帮助你更好地理解和记忆今天的内容。

查看详情

64

Viewing and Editing Salesforce Records

第 549 页

今天我们来聊聊如何在Salesforce中查看和编辑记录。首先，如果你想在你的应用程序中查看Salesforce的记录，你可以使用一个叫做``的组件。这个组件就像是一个窗口，通过它你可以看到记录的所有详细信息。接下来，如果你想在页面上展示记录的数据，你可以使用``。这个组件会帮助你以更友好的方式展示记录信息，让用户一目了然。如果你是在Salesforce的移动应用程序中工作，并且需要编辑记录，那么``组件就是你的好帮手。它会在移动设备上显示一个编辑表单，让用户可以轻松地修改记录内容。最后，如果你想在你的应用中显示Salesforce的社交动态，比如用户的评论或者点赞，你可以使用``组件。这个组件会展示一个动态流，让用户可以看到最新的社交互动。这些组件都是Salesforce提供的强大工具，可以帮助你更好地管理和展示数据。希望这些信息对你有帮助！如果有任何问题，随时问我哦。

查看详情

65

Using the <force>!

第 550 页

同学们，今天我们来聊聊Salesforce中的一些组件更新。你们可能已经知道，在Salesforce的开发中，我们经常使用一些组件来快速构建用户界面。比如，以前我们常用的是`force:recordEdit`和`force:recordView`这两个组件，它们可以帮助我们快速创建记录编辑和查看的页面。但是，从2019年夏天开始，Salesforce推出了新的组件，叫做`lightning:recordEditForm`、`lightning:recordViewForm`和`lightning:recordForm`。这些新组件不仅名字变了，功能也更加强大。虽然它们和旧的`force`组件在功能上并不完全一样，但它们的性能更好，而且直接使用了Salesforce Lightning Design System的样式，这意味着你的应用看起来会更加现代和一致。所以，虽然我们现在还可以在`EditSObop`组件中使用`force:recordEdit`，但建议大家开始转向使用新的`lightning`组件。这样不仅可以提升应用的性能，还能让你的应用界面更加美观和一致。希望这个解释对你们有帮助，如果有任何问题，随时问我哦！

查看详情

66

<force:recordView>

第 551 页

同学们，今天我们来聊聊一个在Salesforce开发中曾经很常用，但现在已经被弃用的组件——。这个组件以前是用来在Lightning组件中显示记录的详细信息的。你可以把它想象成一个窗口，通过这个窗口，你可以看到某一条记录的详细信息，比如客户的名字、联系方式、地址等等。但是，随着Salesforce技术的不断进步，这个组件已经被标记为“弃用”了。这意味着什么呢？简单来说，就是Salesforce不再推荐我们使用这个组件了，因为它可能在未来某个版本中被彻底移除。那么，为什么会被弃用呢？主要是因为Salesforce推出了更先进、更灵活的替代方案。比如，现在我们可以使用Lightning Web Components（LWC）来构建更现代化的用户界面。LWC不仅性能更好，而且开发起来也更加灵活和高效。所以，如果你现在还在使用，建议你尽快迁移到新的技术栈上。这样不仅可以避免未来可能出现的兼容性问题，还能让你的应用更加现代化和高效。好了，关于的内容我们就讲到这里。如果你有任何问题，欢迎随时提问！

查看详情

67

Outputting Salesforce Records with lightning:recordViewForm

第 552 页

同学们，今天我们来聊聊如何在Salesforce中使用Lightning组件来展示记录。这个例子中，我们使用的是`lightning:recordViewForm`组件，它可以帮助我们以一种非常直观的方式来显示一条记录的详细信息。首先，我们来看一下这段代码的基本结构： ```html ``` ### 1. `lightning:recordViewForm` 组件这个组件是用来展示一条记录的详细信息的。它需要两个主要的属性： - `recordId`：这是我们要展示的记录的ID。在这个例子中，`{!v.selectedRecordId}`表示我们从页面的控制器中获取到的记录ID。 - `objectApiName`：这是我们要展示的记录所属的对象API名称。在这里，我们展示的是`TripReport__c`这个自定义对象的记录。 ### 2. `lightning:outputField` 组件在`lightning:recordViewForm`里面，我们使用了多个`lightning:outputField`组件。每个`outputField`都对应着记录中的一个字段。我们通过`fieldName`属性来指定要展示的字段。 - `Name`：这是记录的名称字段。 - `Date__c`：这是一个自定义日期字段，表示报告的日期。 - `ReviewType__c`：这是一个自定义字段，表示报告的类型。 - `Instructor__r.Name`：这是一个关联字段，表示与这条记录关联的讲师的名字。注意这里的`__r`表示这是一个关联对象，`.Name`表示我们要展示的是关联对象的名称字段。 - `Review__c`：这是一个自定义字段，表示报告的详细内容。 ### 3. 总结通过这段代码，我们可以在页面上展示一条`TripReport__c`记录的详细信息，包括名称、日期、报告类型、讲师名字以及报告内容。这种方式非常直观，适合在需要展示记录详细信息的场景中使用。希望这个解释对大家有帮助！如果有任何问题，欢迎随时提问。

查看详情

68

Displaying Feeds

第 553 页

让我们来聊聊这段代码。这段代码是用在Salesforce的Lightning组件中的，主要是用来展示一个Chatter的Feed，也就是一个社交信息流。首先，我们来看这个``标签。这个标签定义了一个新的Lightning组件。`implements="force:appHostable"`这个属性表示这个组件可以被嵌入到Salesforce的应用中，比如在Salesforce的App Builder里使用。接下来，我们看到了``这个标签。这是一个标准的Lightning组件，用来显示Chatter的Feed。`type="groups"`这个属性告诉Salesforce，我们想要显示的是群组的Feed，而不是个人的或者记录的Feed。简单来说，这段代码创建了一个可以在Salesforce应用中使用的组件，这个组件会显示一个特定群组的Chatter信息流。这对于想要在应用中集成社交功能，让用户能够直接在应用内交流和分享信息非常有用。希望这个解释对你有帮助！如果有任何问题，随时问我哦。

查看详情

69

Exercise 7-4: Viewing and Editing Salesforce Records

第 554 页

同学们，今天我们来学习如何查看和编辑Salesforce中的记录。这个练习的编号是7-4，我们要操作的记录ID是554。我会一步步带你们完成这个任务。首先，我们需要打开Salesforce的界面。在界面的左侧，你会看到一个导航栏，这里有很多选项。我们要找的是“自定义组件”。点击它，你会看到一些已经创建好的自定义组件。接下来，我们要找到一个叫“TripReport”的组件。这个组件是用来查看和编辑旅行报告的。点击“TripReport”，你会进入一个新的界面，这里有一个叫做“TripReport浏览器”的组件。这个组件可以帮助我们浏览所有的旅行报告记录。现在，我们要创建一个新的定制组件。点击“新定制组件”，然后选择“DataGrid”。DataGrid是一个表格形式的组件，可以显示多条记录。我们把这个组件命名为“TripReport DataGrid”。接下来，我们要添加一个标准件，叫做“闪电：recordView Form”。这个标准件可以帮助我们查看和编辑单条记录的详细信息。把它拖到“TripReport DataGrid”的旁边。好了，现在我们已经设置好了界面。你可以在这个界面上查看和编辑记录ID为554的旅行报告。点击记录，详细信息会显示在“闪电：recordView Form”中。你可以在这里编辑记录的内容，然后保存。这就是今天的练习内容。希望你们都能顺利完成。如果有任何问题，随时问我。我们下次课再见！

查看详情

70

Exercise 7-4: Viewing and Editing Salesforce Records - 555

第 555 页

让我们一步一步来理解这个练习的内容。这个练习主要是关于如何在Salesforce中查看和编辑记录，以及如何使用自定义组件来处理这些操作。首先，我们有一个叫做`TripReports`的自定义组件。这个组件的主要功能是根据不同的模式（编辑/添加或查看）来显示不同的内容。具体来说： 1. ，c.onTripReportModeChange，：这是一个事件处理函数，它会根据传入的模式参数来决定显示哪个子组件。如果模式是“编辑”或“添加”，它会显示`TripReportForm`组件；如果模式是“查看”，它会显示`TripReportBrowse`组件。 2. ，ondblClick，：这是一个双击事件，当用户在数据网格（DataGrid）中双击某一行时，会触发`DataGridRowDblClick`事件。这个事件会告诉`TripReports`组件切换到“编辑”模式。 3. ，onClick，：这是一个单击事件，当用户在数据网格中单击某一行时，会触发`DataGridRowClick`事件。这个事件会告诉`TripReports`组件切换到“查看”模式。接下来，我们来看`TripReportBrowse`自定义组件。这个组件的主要作用是处理用户在数据网格中的交互： 1. ，c:DataGridRowDblClick，：当用户在数据网格中双击某一行时，这个事件会被触发。它会调用`c.onTripReportModeChange`函数，将模式设置为“编辑”或“添加”，从而显示`TripReportForm`组件。 2. ，c.onDataGridRowClick，：当用户在数据网格中单击某一行时，这个事件会被触发。它会设置`selectedRecordId`属性，并显示`force:recordView`表单，这样用户就可以查看该记录的详细信息。最后，我们有一个`DataGrid`自定义组件。这个组件的主要作用是显示数据网格，并处理用户的交互事件（如单击和双击）。总结一下，这个练习的核心是通过自定义组件来处理用户在数据网格中的交互，并根据不同的交互（单击或双击）来切换不同的视图（查看或编辑）。这样，用户就可以方便地查看和编辑Salesforce中的记录了。希望这个解释对你有帮助！如果有任何问题，随时问我。

查看详情

71

Exercise 7-4: Viewing and Editing Salesforce Records - 556

第 556 页

让我们来聊聊这个练习7-4的内容。这个练习主要是关于如何在Salesforce中查看和编辑记录的。我们有两个自定义组件，一个是TripReports，另一个是TripReportForm。首先，我们来看TripReports组件。这个组件有一个事件处理器，叫做c.onTripReportModeChange。这个处理器的作用是，当模式发生变化时，它会将模式属性设置为“查看”模式。也就是说，当这个事件被触发时，TripReports组件会显示TripReportViewer，这是一个用于查看TripReport记录的组件。接下来是TripReportForm组件。这个组件有一个onClick事件，当用户点击某个元素时，这个事件会被触发。这个事件会触发一个组件事件，叫做c:TripReportModeChange。这个事件的作用是通知TripReports组件，模式需要改变。简单来说，TripReportForm组件通过点击事件来通知TripReports组件改变模式，而TripReports组件则根据这个通知来显示或隐藏TripReportViewer组件。这样，用户就可以在查看和编辑TripReport记录之间切换了。希望这个解释能帮助你理解这个练习的内容。如果有任何问题，随时问我哦！

查看详情

72

Unit 7: Working with Data - 558

第 558 页

同学们，今天我们来聊聊单元7的内容，这个单元主要是关于如何在Salesforce中使用数据。听起来有点技术性，但别担心，我会用简单的方式来解释。首先，我们要学习的是如何设计和实现数据输入表单。想象一下，你有一个网站，用户需要填写一些信息，比如他们的名字和电子邮件地址。在Salesforce中，我们可以创建类似的表单，让用户输入数据。这些表单可以是自定义的，也就是说，你可以根据需要设计它们的样子和功能。接下来，我们会学习如何使用JavaScript来验证表单数据。这是什么意思呢？简单来说，就是确保用户输入的数据是正确的。比如，如果用户需要输入电子邮件地址，我们可以用JavaScript检查他们是否真的输入了一个有效的电子邮件地址。然后，我们要学习如何将表单数据传递到服务器端的控制器。这听起来可能有点复杂，但其实就是在用户提交表单后，我们如何把数据发送到服务器，让服务器处理这些数据。我们还会学习如何从Salesforce记录中检索和显示数据。这意味着，如果Salesforce中已经有了一些数据，我们可以从那里获取这些数据，并在我们的应用中显示出来。最后，我们会学习如何更新Salesforce自定义对象中的数据。这就像是在一个已经存在的记录上做一些修改，比如更新用户的地址或电话号码。在整个过程中，我们还需要学会如何等待服务器请求完成。这很重要，因为我们需要确保在服务器处理完数据之前，我们的应用不会做其他事情。好了，这就是单元7的主要内容。虽然听起来有点技术性，但只要你跟着步骤来，你会发现其实并不难。我们会在接下来的课程中一步步学习这些技能，所以不用担心，慢慢来，你一定能掌握的！

查看详情

73

Topics - 559

第 559 页

同学们，今天我们来聊聊在Salesforce Lightning中如何处理等待服务器请求完成的情况。想象一下，当你在网上购物时，点击“购买”按钮后，页面会显示一个旋转的小圆圈，告诉你“请稍等，正在处理”。在Salesforce Lightning中，我们也有类似的机制，那就是使用组件。是一个非常简单的组件，它可以在等待服务器响应时显示一个旋转的图标，告诉用户“请稍等，我正在处理你的请求”。这个组件非常有用，尤其是在处理那些可能需要一些时间才能完成的服务器请求时。接下来，我们来看看如何使用这个组件。首先，你需要在你的Lightning组件中引入。然后，当你的组件开始向服务器发送请求时，你可以通过设置一个变量来控制的显示和隐藏。比如，你可以在发送请求前将这个变量设置为true，这样就会显示出来；当请求完成后，你再将这个变量设置为false，就会自动隐藏。最后，别忘了处理事件。在Salesforce Lightning中，事件是非常重要的，它们可以帮助你在不同的组件之间传递信息。当你使用时，你可能需要监听一些事件，比如请求成功或失败的事件，这样你就可以根据事件的结果来更新你的UI或者执行其他操作。好了，这就是今天的内容。记得查看学生指南中的幻灯片，那里有更详细的步骤和示例代码。希望你们都能掌握这个技巧，让你们的应用更加用户友好！

查看详情

74

Waiting for Server Requests to Complete

第 560 页

让我们来聊聊这个话题。想象一下，你正在使用Salesforce的Lightning框架开发一个应用程序。在这个应用程序中，有一个根组件，它负责管理整个页面的主要逻辑和状态。现在，你希望在某个操作（比如点击一个按钮）触发后，显示一个加载动画，告诉用户“请稍等，我正在处理你的请求”。这个加载动画，我们可以用``组件来实现。它是一个非常简单的组件，专门用来显示一个旋转的加载图标。但是，我们怎么控制这个加载动画的显示和隐藏呢？这就需要用到组件事件了。首先，你需要在根组件上定义一个事件监听器。这个监听器会“监听”某个特定的事件，比如“开始加载”或“加载完成”。当这个事件被触发时，监听器就会执行相应的操作，比如显示或隐藏``。举个例子，假设你有一个按钮，点击这个按钮会触发一个服务器请求。你可以在按钮的点击事件中触发一个自定义事件，比如叫做`startLoading`。然后，在根组件上监听这个`startLoading`事件，当事件触发时，显示``。当服务器请求完成后，你可以再触发另一个事件，比如`stopLoading`，然后在根组件上监听这个事件，当事件触发时，隐藏``。这样，用户点击按钮后，就会看到一个加载动画，直到服务器请求完成，加载动画才会消失。整个过程非常流畅，用户体验也会更好。总结一下，通过在根组件上监听组件事件，你可以轻松地控制``的显示和隐藏，从而在用户等待服务器请求完成时，提供一个友好的加载提示。希望这个解释对你有帮助！

查看详情

75

Using <lightning:spinner>

第 561 页

让我们来聊聊如何在Salesforce Lightning组件中使用``这个组件。``是一个非常实用的组件，它可以在页面加载或处理数据时显示一个旋转的加载图标，给用户一个视觉反馈，告诉他们系统正在处理中。首先，我们来看一下代码的基本结构。在这个例子中，我们有一个``，它包含了两个事件处理器：一个用于显示加载图标，另一个用于隐藏加载图标。这两个事件处理器分别监听`c:loading`和`c:doneloading`这两个自定义事件。 ```html <div class="slds-align_absolute-center"> </div> ``` 在这个代码中，``有几个重要的属性： 1. ，aura:id，：这是组件的唯一标识符，我们可以通过它来在JavaScript控制器中引用这个组件。 2. ，size，：这个属性决定了加载图标的大小。在这个例子中，我们设置为`large`，表示大号的加载图标。 3. ，variant，：这个属性决定了加载图标的样式。我们设置为`brand`，表示使用Salesforce的品牌颜色。 4. ，class，：这个属性允许我们添加自定义的CSS类。在这个例子中，我们使用了`slds-hide`，这个类会让加载图标默认隐藏。接下来，我们需要注意的是，`c:loading`和`c:doneloading`这两个事件是自定义事件，它们与Salesforce的旧系统事件`aura:waiting`和`aura:doneWaiting`是不同的。旧的事件已经被弃用，所以我们在新开发中应该使用自定义事件来代替。总结一下，``是一个非常方便的组件，可以帮助我们在处理数据时给用户一个明确的反馈。通过合理使用它的属性，我们可以控制加载图标的大小、样式和显示状态。同时，记得使用自定义事件来替代旧的事件系统，以确保代码的兼容性和可维护性。希望这个解释对你有帮助！如果你有任何问题，随时问我。

查看详情

76

Handling Events

第 562 页

我们来聊聊这段代码。这段代码主要是用来控制一个“加载中”的旋转图标（spinner）的显示和隐藏。想象一下，当你在网页上点击一个按钮，页面需要一点时间来加载数据，这时候通常会有一个旋转的小图标出现，告诉你“请稍等，我正在加载”。这段代码就是用来控制这个图标的显示和隐藏的。首先，我们有两个函数：`spinnerShow` 和 `spinnerHide`。这两个函数的名字已经告诉我们它们的作用了：`spinnerShow` 是用来显示旋转图标的，而 `spinnerHide` 是用来隐藏它的。 ### 1. `spinnerShow` 函数 ```javascript spinnerShow: function(component, event, helper) { var spinner = component.find('spinner'); $A.util.removeClass(spinner, 'slds-hide'); } ``` - ，`component.find('spinner')`，: 这行代码是用来找到页面上的那个旋转图标。`'spinner'` 是这个图标的标识符，就像它的名字一样。 - ，`$A.util.removeClass(spinner, 'slds-hide')`，: 这行代码的作用是移除旋转图标上的一个CSS类 `slds-hide`。这个类是用来隐藏图标的，所以移除它之后，图标就会显示出来。 ### 2. `spinnerHide` 函数 ```javascript spinnerHide: function(component, event, helper) { var spinner = component.find('spinner'); $A.util.addClass(spinner, 'slds-hide'); } ``` - ，`component.find('spinner')`，: 同样，这行代码是用来找到旋转图标。 - ，`$A.util.addClass(spinner, 'slds-hide')`，: 这行代码的作用是给旋转图标添加一个CSS类 `slds-hide`。这个类会让图标隐藏起来，所以添加它之后，图标就会消失。 ### 总结 - ，`spinnerShow`，: 显示旋转图标。 - ，`spinnerHide`，: 隐藏旋转图标。这两个函数通常会在你进行一些耗时操作（比如加载数据）时使用。在操作开始前调用 `spinnerShow`，让用户知道系统正在处理；操作完成后调用 `spinnerHide`，告诉用户操作已经完成。希望这个解释能帮助你理解这段代码的作用！如果有任何问题，随时问我哦！

查看详情

77

Define custom events that you'll trigger from helper.callserver().

第 563 页

让我们来聊聊如何在Salesforce中定义一个自定义事件，并通过`helper.callServer()`来触发它。同时，我们还会用到`lightning:spinner`这个组件，它可以在页面加载时显示一个旋转的加载图标，给用户一个提示，告诉他们系统正在处理中。首先，自定义事件是Salesforce Lightning组件中用来在不同组件之间传递信息的一种方式。你可以把它想象成一种信号，当一个组件完成了某个任务，它就会发出这个信号，其他组件如果对这个信号感兴趣，就可以捕捉到它并做出相应的反应。在这个例子中，我们假设你有一个按钮，当用户点击这个按钮时，你需要从服务器获取一些数据。在数据加载的过程中，我们希望显示一个旋转的加载图标，告诉用户“请稍等，数据正在加载中”。 ### 步骤1：定义自定义事件首先，你需要在你的Lightning组件中定义一个自定义事件。这个事件会在数据加载完成后被触发。你可以这样定义它： ```xml ``` 这个事件有一个属性`data`，用来传递从服务器加载的数据。 ### 步骤2：触发自定义事件接下来，在你的JavaScript控制器中，当数据加载完成后，你可以通过`helper.callServer()`来触发这个事件。假设你已经有一个方法`fetchData`用来从服务器获取数据： ```javascript fetchData: function(component, event, helper) { // 显示加载图标 component.set("v.showSpinner", true); // 调用服务器端方法 helper.callServer(component, "c.getDataFromServer", function(response) { // 数据加载完成后，隐藏加载图标 component.set("v.showSpinner", false); // 触发自定义事件 var dataLoadedEvent = component.getEvent("dataLoaded"); dataLoadedEvent.setParams({ "data": response }); dataLoadedEvent.fire(); }); } ``` 在这个方法中，我们首先显示加载图标，然后调用`helper.callServer()`来从服务器获取数据。当数据加载完成后，我们隐藏加载图标，并触发自定义事件`dataLoaded`，同时将加载的数据传递给这个事件。 ### 步骤3：使用`lightning:spinner`显示加载图标最后，在你的组件中，你可以使用`lightning:spinner`来显示加载图标。这个组件会根据`showSpinner`属性的值来决定是否显示： ```xml ``` 当`showSpinner`为`true`时，`lightning:spinner`会显示出来，告诉用户数据正在加载中。 ### 总结通过以上步骤，你就可以在Salesforce Lightning组件中定义一个自定义事件，并通过`helper.callServer()`来触发它。同时，使用`lightning:spinner`可以在数据加载时给用户一个友好的提示。希望这个解释对你有帮助！如果有任何问题，随时问我哦！

查看详情

78

Unit Summary

第 564 页

今天我们来聊聊Salesforce的Lightning UI命名空间中的一些重要组件。首先，Lightning UI命名空间里有很多组件，这些组件基本上可以对应到我们常见的HTML5表单字段。这意味着，你可以用这些组件来创建表单，就像你在HTML中做的那样。接下来，我们来看这个组件。这个组件非常有用，因为它不仅支持数据输入，还可以绑定到组件的属性上。也就是说，你输入的数据可以直接关联到组件的某个属性上，这样你就可以在组件内部使用这些数据了。而且，这个组件还支持数据验证错误消息的输出。如果你输入的数据不符合要求，它会显示错误信息，帮助你快速找到问题。然后，我们来看看和这两个组件。这两个组件主要用于Salesforce的移动应用程序中。是用来显示记录的详细信息的，而则是用来从Salesforce对象中输出字段的。简单来说，就是你可以用它们来展示和查看数据。再来说说这个组件。它也是在Salesforce移动应用程序中使用的，主要用来生成数据输入表格。你可以用它来轻松地创建表单，让用户输入数据。最后，我们来看看这个组件。这个组件是用来创建一个加载动画的。当你在进行Apex事务（比如保存数据）时，这个动画会显示出来，告诉用户系统正在处理中。这样，用户就知道需要等待一下，而不是觉得系统卡住了。好了，今天的内容就到这里。希望这些信息能帮助你更好地理解和使用Salesforce的Lightning UI组件。如果有任何问题，随时问我哦！

查看详情

79

Unit Review

第 565 页

让我们来回顾一下这个单元的内容，我会尽量用简单易懂的方式来解释。首先，我们讲到了“Unit ReviewLots”，这其实是指Salesforce中的一些标准字段类型。比如复选框、日期、日期时间、时间、电子邮件、文件、密码、搜索、电话、网址、号码、广播电台、切换等。这些字段类型在Salesforce中是非常常见的，它们帮助我们收集和展示不同类型的数据。接下来，我们提到了这些字段的功能。除了禁用类别之外，这些字段的功能是无法自定义的。这意味着你不能随意更改它们的行为或外观，除非你禁用了某些特定的功能。然后，我们讲到了文本格式化的选项，比如粗体、斜体、下划线、删除线、链接、插入媒体、对齐、项目符号+编号、大写/突出等。这些选项可以帮助你在Salesforce中更好地展示和格式化文本内容。接着，我们提到了一个HTML表单的代码片段：``。这是Salesforce Lightning Design System（SLDS）中的一个类，用于创建内联表单。内联表单通常用于在页面上紧凑地展示表单元素。我们还讲到了`onBlur` DOM事件或属性更改处理程序。`onBlur`是一个JavaScript事件，当用户离开某个输入字段时触发。你可以使用这个事件来处理一些逻辑，比如验证用户输入或保存数据。接下来，我们纠正了几个常见的错误认识。首先，`Force:recordView`并不是用于Lightning Experience的。实际上，`lightning:recordViewForm`才是用于Lightning Experience的组件，它负责处理记录级别的安全和共享，确保用户只能看到他们有权访问的数据。最后，我们纠正了另一个错误认识：`Force:recordEdit`也不是用于Lightning Experience的。正确的组件应该是`lightning:recordEditForm`，它用于在Lightning Experience中编辑记录。希望这些解释能帮助你更好地理解这个单元的内容。如果有任何问题，随时问我！

查看详情

DEX601

课程介绍

课程章节

Unit 7 Working with Data

Unit 7: Working with Data

Topics

Implementing Forms

Benefits of <lightning:recordEditForm>

Exercise 7-1: Implementing a Form

Implement a data input form to create or edit a trip report.

Unit 7: Working with Data - 492

Topics - 493

Implementing Forms - 494

Implementing Forms (continued)

Adding Text Fields to a Form

<lightning:input> Attributes

Setting Default Values on Form Fields

Theming Form Input Fields

Theming Form Input Fields (continued)

Styling Form Field Labels

Using Text Field Input types

Using Text Field Variants (continued)

Using Text Field Variants (continued) - 504

Using Text Field Variants (continued) - 505

Using <lightning:input type=“search">

Using <lightning:input type="file">

Using <lightning:fileUpload>

Using <lightning:input type="date">

Using <lightning:input type="date"> (continued)

Using <lightning:input type="month">

Using <lightning:input type="week">

Entering Numeric Input

Using <lightning:input type="number">

Implementing a Range Control

Implementing a Slider Control

Using <lightning:textarea>

<lightning:textarea> Attributes

Using <lightning:inputRichText>

Customizing the Toolbar

Supported <lightning:inputRichText> HTML Tags

Working with Checkboxes

Determining the Selected Values from Checkboxes

Working with Radio Buttons

Getting the Selected Radio Button

Using lightning:radioGroup

Using lightning:radiogroup Button

Working with Picklists

Working with Toggle Buttons

Aligning Multiple Toggle Buttons

Unit 7: Working with Data - 532

Topics - 533

About Validating Data

Configuring Validation Messages

Validating Strings

Using minlength and maxlength

Using Pattern Validation

Validating Numbers

Validating Number Validation Rules

Validating Fields with an Attribute Change Listener

Validating Data with a Change Listener

Programmatically Determining Field Validity

Example: Programmatically Determining Field Validity

Exercise 7-3: Validating Form Data

Implement required field validation.

Unit 7: Working with Data - 547

Topics - 548

Viewing and Editing Salesforce Records

Using the <force>!

<force:recordView>

Outputting Salesforce Records with lightning:recordViewForm

Displaying Feeds

Exercise 7-4: Viewing and Editing Salesforce Records

Exercise 7-4: Viewing and Editing Salesforce Records - 555

Exercise 7-4: Viewing and Editing Salesforce Records - 556

Unit 7: Working with Data - 558

Topics - 559

Waiting for Server Requests to Complete

Using <lightning:spinner>

Handling Events

Define custom events that you'll trigger from helper.callserver().