如何：自定义快速启动显示

项目
06/15/2015

上次修改时间： 2010年11月1日

适用范围： SharePoint Foundation 2010

开发人员可通过多种方法来自定义"快速启动"的外观和行为，"快速启动"是位于 Microsoft SharePoint Foundation 网站中网页的左导航区域中的菜单。其中经常使用的一种方法是修改呈现"快速启动"菜单的控件的属性。另一种方法是将菜单控件替换为完全不同类型的导航控件。本主题提供了使用这两种方法的示例。

修改菜单控件

通过设置显示其导航节点的 AspMenu 控件上的属性，您可以修改"快速启动"的外观。例如，您可以设置将菜单视图折叠为标题并添加用于显示从属菜单级别的弹出菜单的属性。

菜单控件在网站的默认母版页中定义。若要更改菜单的特征，您必须自定义最初安装的默认母版页或创建自定义母版页并将它设置为默认母版页。

通过修改默认母版页来显示弹出菜单

打开浏览器并导航到要自定义的网站。
单击"网站操作"，然后单击"网站设置"。
在"库"部分，单击"母版页"。
选择 v4.master。然后单击功能区上的"编辑文档"。

将在默认编辑器中打开该母版页。如果您的计算机上安装了 Microsoft SharePoint Designer 2010，将在 SharePoint Designer 中打开该文件。
关闭浏览器。

备注

如果打开了网站映射页，则您可能无法保存对网站的默认母版页进行的更改。
找到"快速启动"菜单控件。您可以在代码视图中通过搜索以下字符串找到该控件：<SharePoint:AspMenu id="V4QuickLaunchMenu"
将 StaticDisplayLevels 属性和 MaximumDynamicDisplayLevels 属性的值设置为 1，如下所示。
```
<SharePoint:AspMenu id="V4QuickLaunchMenu" runat="server" 
    EnableViewState="false" DataSourceId="QuickLaunchSiteMap" 
    UseSimpleRendering="true" UseSeparateCss="false" Orientation="Vertical"
    StaticDisplayLevels="1" MaximumDynamicDisplayLevels="1" 
    SkipLinkText="" CssClass="s4-ql" />
```
默认情况下，StaticDisplayLevels 属性设置为 2。这意味着，在呈现网页时，左导航栏的"快速启动"区域将具有两个菜单级别：一系列标题和每个标题下的一组子链接。将此值更改为 1 意味着仅显示标题。

MaximumDynamicDisplayLevels 属性的默认值是 0。这将禁用弹出菜单。将此值设置为 1 意味着静态菜单上最后一个级别下的第一个菜单级别将显示在弹出菜单中。在本例中，为标题下的第一个级别显示弹出菜单。
保存文件并在网站中打开网页以查看所做更改的结果。

通过创建自定义母版页来显示弹出菜单

在 SharePoint Designer 2010 中，打开要自定义的网站。
在导航窗格中，选择"母版页"。
右键单击"v4.master"，然后单击"复制"。
右键单击"母版页"窗格的空白区域，然后单击"粘贴"。

将创建文件"v4_copy(1).master"。
右键单击"v4_copy(1).master"，单击"重命名"，然后键入新名称，例如 my.master。
打开新文件进行编辑。
找到"快速启动"菜单控件。您可以在代码视图中通过搜索以下字符串找到该控件：<SharePoint:AspMenu id="V4QuickLaunchMenu"

将 StaticDisplayLevels 属性和 MaximumDynamicDisplayLevels 属性的值设置为 1，如下所示。

<SharePoint:AspMenu id="V4QuickLaunchMenu" runat="server" 
    EnableViewState="false" DataSourceId="QuickLaunchSiteMap" 
    UseSimpleRendering="true" UseSeparateCss="false" Orientation="Vertical"
    StaticDisplayLevels="1" MaximumDynamicDisplayLevels="1" 
    SkipLinkText="" CssClass="s4-ql" />

在"文件"菜单上单击"保存"。

备注

如果在浏览器中打开了网站映射页，则您可能无法保存对网站的默认母版页进行的更改。如果发生此情况，请关闭浏览器，然后重试。
在导航窗格中，选择"母版页"。
右键单击您的母版页的名称，然后单击"设置为默认母版页"。

备注

通过编写设置 SPWeb.MasterUrl 属性值的代码，您还可以将自定义母版页设置为默认母版页。
在网站中打开网页以查看所做更改的结果。

替换菜单控件

您可以将 AspMenu 控件替换为其他控件，例如显示可折叠和展开的节点树的 SPTreeView 控件。

将菜单控件替换为 TreeView 控件

在 SharePoint Designer 2010 中，打开要自定义的网站。
在导航窗格中，选择"母版页"。
右键单击"v4.master"，然后单击"复制"。
右键单击"母版页"窗格的空白区域，然后单击"粘贴"。

将创建文件"v4_copy(1).master"。
右键单击"v4_copy(1).master"，单击"重命名"，然后键入新名称，例如 my.master。
打开新文件进行编辑。
找到"快速启动"菜单控件。您可以在代码视图中通过搜索以下字符串找到该控件：<SharePoint:AspMenu id="V4QuickLaunchMenu"
右键单击 V4QuickLaunchMenu，选择"选择标记"，然后按 Delete。

将删除的标记替换为三个新控件的标记，即 SPHierarchyDataSourceControl 和包含 SPTreeView 控件的 SPRememberScroll 控件。

<SharePoint:SPHierarchyDataSourceControl
      id="MyTreeViewDataSource"
      runat="server" RootContextObject="Web"
      IncludeDiscussionFolders="true" />
<SharePoint:SPRememberScroll
      id="MyTreeViewRememberScroll"
      runat="server" onscroll="javascript:_spRecordScrollPositions(this);"
      Style="overflow: auto;height: 400px;width: 150px; ">
  <SharePoint:SPTreeView
        id="MyWebTreeView"
        runat="server"
        ShowLines="true"
        DataSourceId="MyTreeViewDataSource"
        ExpandDepth="3"
        SelectedNodeStyle-CssClass="ms-tvselected"
        NodeStyle-CssClass="ms-navitem"
        NodeStyle-HorizontalPadding="2"
        NodeStyle-VerticalPadding="5"
        SkipLinkText=""
        NodeIndent="20"
        ExpandImageUrl="/_layouts/images/tvplus.gif"
        CollapseImageUrl="/_layouts/images/tvminus.gif"
        NoExpandImageUrl="/_layouts/images/tvblank.gif" />
</SharePoint:SPRememberScroll>

此标记默认展开前三个节点，指定在节点之间绘制的线条并指定垂直填充和缩进值。