Adding Navigation Items to Sections and Overflows

DEX602 - Unit 4 Implementing Navigation and Layouts

📄 第 277 页 🎬 视频课程

课程章节介绍

让我们来聊聊如何在Salesforce的Lightning组件中添加导航项目到区段和溢出部分。这个过程其实很简单,就像在菜单中添加选项一样。 首先,我们有一个叫做`lightning-vertical-navigation`的组件,你可以把它想象成一个垂直的菜单栏。在这个菜单栏里,我们可以添加不同的部分,每个部分都有自己的标签和内容。 1. ,创建导航区段,:我们使用`lightning-vertical-navigation-section`来创建一个新的区段。比如,我们可以创建一个标签为“报告”的区段。 2. ,添加导航项目,:在每个区段内,我们可以添加多个`lightning-vertical-navigation-item`,这些就是具体的菜单项。每个项目都需要一个`label`(标签)和`name`(名称)。标签是用户看到的文字,而名称则是我们用来识别这个项目的内部标识。 3. ,设置默认选中项,:如果我们想让某个项目在页面加载时默认被选中,我们可以使用`selected-item`属性,并将其值设置为对应项目的`name`。 4. ,处理溢出内容,:如果菜单项太多,我们可以使用`lightning-vertical-navigation-overflow`来包裹那些不常用的项目。这些项目会在用户需要时显示出来,比如通过点击一个“更多”按钮。 举个例子,如果我们有一个报告区段,里面有两个项目:“最近”和“所有报表”,我们可以这样设置: ```html ``` 在这个例子中,“最近”项目会默认被选中,而“区域销售东部”和“区域销售西部”则会被放在溢出部分,只有当用户需要时才会显示。 希望这个解释能帮助你理解如何在Salesforce中设置垂直导航菜单。如果有任何问题,随时问我哦!