Share via

如何：将搜索选项卡导航控件添加到页面中

  • 项目

上次修改时间： 2010年4月20日

适用范围： SharePoint Server 2010

使用基本搜索中心模板创建的 Microsoft SharePoint Server 2010 for Search 或 Microsoft SharePoint Server 2010 搜索网站中的搜索页不包含选项卡导航控件。不过，您可以在这些页面中使用选项卡导航控件。为此，请将此控件添加到页面上。若要使选项卡显示在控件中，它们必须存在于搜索选项卡列表中。本主题介绍如何使用 Microsoft SharePoint Designer 2010 来添加选项卡导航控件代码，然后添加一个选项卡，以使其显示在控件中。

使用 SharePoint Designer 添加选项卡导航控件

  1. 在浏览器中打开您的网站。

  2. 在"网站操作"菜单上，单击"在 SharePoint Designer 中编辑"。

  3. 在左导航窗格中，单击"所有文件"。

  4. 在主窗口中，单击要将选项卡导航控件添加到的页面。

  5. 若要查看代码，必须从设计视图切换，因此单击主窗口底部的视图选项卡部分的"拆分"或"代码"。

  6. 将选项卡导航控件的代码添加到该页上。

    如果要将控件添加到搜索结果页（例如 results.aspx）上，请使用以下代码。

    <SPSWC:ListBoundTabStrip runat="server" id="Tab" persistQueryString="true" 
cssClassNamePrefix="ms-sctab" ListName="<%$Resources:Microsoft.Office.Server.Search,SearchCenterOnet_SearchResultsListName%>" 
ResourceIdforListName="$Resources:Microsoft.Office.Server.Search,SearchCenterOnet_SearchResultsListName" UnselectedTabTrimLength="-1" 
IgnoredQueryStringParameters="s,s1,s2,s3,s4,s5,start,start1,start2,start3,start4,start5,v,v1,v2,v3,v4,v5,hs,hs1,hs2,hs3,hs4,hs5,rm,rm1,rm2,rm3,rm4,rm5,r">
</SPSWC:ListBoundTabStrip>

    如果要将控件添加到非搜索结果页的页面（例如 default.aspx）中，请使用以下代码。

    <SPSWC:ListBoundTabStrip ID="Tab" runat="server" PersistQueryString="true" CSSClassNamePrefix="ms-sctab" 
ListName="<%$Resources:Microsoft.Office.Server.Search,SearchCenterOnet_SearchCenterListName%>" 
ResourceIdforListName="$Resources:Microsoft.Office.Server.Search,SearchCenterOnet_SearchCenterListName" UnselectedTabTrimLength="-1">
</SPSWC:ListBoundTabStrip>

    如果希望选项卡导航控件显示在它在使用企业级搜索中心模板创建的网站上所处的同一位置，请在 PlaceHolderTitleBreadcrumb 内容占位符中添加标记控制，如下所示。

    <asp:Content ContentPlaceHolderID="PlaceHolderTitleBreadcrumb"  runat="server">
    <A name="mainContent"></A>
    <div style="height:100%; width:100%;padding-left: 2px; padding-top: 16px; padding-bottom: 14px;">
        <div style="WIDTH: 390px" >
           <SPSWC:ListBoundTabStrip ID="Tab" runat="server" PersistQueryString="true" CSSClassNamePrefix="ms-sctab" 
ListName="<%$Resources:Microsoft.Office.Server.Search,SearchCenterOnet_SearchCenterListName%>" 
ResourceIdforListName="$Resources:Microsoft.Office.Server.Search,SearchCenterOnet_SearchCenterListName" UnselectedTabTrimLength="-1">
           </SPSWC:ListBoundTabStrip>   
        </div>
        <WebPartPages:WebPartZone runat="server" AllowPersonalization="false" FrameType="TitleBarOnly" 
title="<%$Resources:sps,LayoutPageZone_TopZone%>" id="TopZone" orientation="Vertical" 
QuickAdd-GroupNames="Search" QuickAdd-ShowListsAndLibraries="false"/> 
    </div>
</asp:Content>

  7. 保存对 ASPX 页所做的更改。

  8. 对于要向其中添加选项卡导航控件的其他网页，重复步骤 4 至 7。

要使选项卡显示在选项卡导航控件中，它们必须存在于以下两个搜索选项卡列表中：

  • 搜索页中的选项卡

  • 搜索结果中的选项卡

以下过程介绍如何验证选项卡是否存在于列表中以及在缺少时如何添加它们。

验证"搜索页中的选项卡"列表中的选项卡

  1. 在浏览器中打开您的网站。

  2. 在"网站操作"菜单上，单击"查看所有网站内容"。

  3. 在"列表"部分，单击"搜索页中的选项卡"。

    此列表包括显示在非搜索结果页的页面上的选项卡导航控件实例中的所有选项卡。如果您在此处看不到希望显示在选项卡导航控件中的选项卡，必须将其添加到包含控件的页面（例如 default.aspx）中。

    将选项卡添加到"搜索页中的选项卡"

    1. 导航到非搜索结果页的页面（例如 default.aspx）。

    2. 在"网站操作"菜单上，单击"编辑页面"。

    3. 在选项卡导航控件中，单击"添加新选项卡"。

    4. 在"选项卡名称"字段中键入名称，例如 Custom Results。

    5. 在"页"字段中键入页面名称（例如 customresults.aspx），然后单击"保存"。

现在应可以在"搜索页中的选项卡"列表中看到您的选项卡。它还应显示在包含选项卡导航控件的非搜索结果页的任何页上。然后，您必须将此选项卡添加到"搜索结果中的选项卡"列表中。

验证"搜索结果中的选项卡"列表中的选项卡

  1. 在浏览器中打开您的网站。

  2. 在"网站操作"菜单上，单击"查看所有网站内容"。

  3. 在"列表"部分，单击"搜索结果中的选项卡"。

    此列表包括显示在搜索结果页上的选项卡导航控件实例中的所有选项卡。如果您在此处看不到希望显示在选项卡导航控件中的选项卡，必须将其添加到包含控件的搜索结果页（例如 results.aspx）中。

    将选项卡添加到"搜索结果中的选项卡"

    1. 导航到 results.aspx。

    2. 在"网站操作"菜单中，单击"编辑页面"。

    3. 在选项卡导航控件中，单击"添加新选项卡"。

    4. 在"选项卡名称"字段中键入名称，例如 Custom Results。

    5. 在"页"字段中键入页面名称（例如 customresults.aspx），然后单击"保存"。

现在应可以在"搜索结果中的选项卡"列表中看到您的选项卡。它还应显示在包含选项卡导航控件的任何搜索结果页上。