Working with Radio Buttons

DEX601 - Unit 7 Working with Data

📄 第 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中使用单选按钮的基本知识。希望这能帮助你更好地理解和使用这个功能!