Using <lightning:buttonGroup>

DEX601 - Unit 5 Implementing Navigation and Layouts

📄 第 360 页 🎬 视频课程

课程章节介绍

让我们来聊聊如何在Salesforce的Lightning框架中使用``和``组件来创建一个按钮组。这个功能非常实用,尤其是在你需要让用户在一组相关的操作中进行选择时。 首先,我们来看一下代码的基本结构。你可以在你的Lightning组件中使用``标签来包裹一组``。这样,这些按钮就会自动组合在一起,形成一个按钮组。 ```html ``` 在这个例子中,我们创建了三个按钮,分别标记为“查看地图”、“步行方向”和“行驶方向”。每个按钮都有一个`onclick`事件,这个事件会触发一个名为`myAction`的控制器方法。`aura:id`属性用于在控制器中唯一标识每个按钮。 `variant`属性定义了按钮的样式。在这个例子中,第一个按钮使用了`brand`样式,这通常用于主要的操作按钮,而其他两个按钮使用了`neutral`样式,这适用于次要的操作。 你还可以通过设置``来动态控制哪个按钮被选中。例如: ```html ``` 这个属性可以用来跟踪当前选中的按钮ID,你可以在控制器中根据这个属性来执行不同的逻辑。 最后,如果你更喜欢使用HTML和SLDS(Salesforce Lightning Design System)类,你也可以直接使用``标签来实现类似的效果,但使用``和``组件会更加方便,因为它们已经为你处理了很多样式和交互的细节。 希望这个解释能帮助你理解如何在Salesforce Lightning中使用按钮组。如果你有任何问题,随时问我!