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