如何隐藏主页上的 SiteMapPath 根节点？

Question

当用户位于根节点页面时，如何隐藏 SiteMapPath 控件中的根节点？ 例如，我在子页面上的面包屑路径是：

首页 > 产品展示> 锤子> 圆珠笔

挺好的。 但是当用户位于主页上时，SiteMapPath 控件会显示

首页

里面都是无用的杂乱。 我想当用户位于主页时禁止显示主页（根节点）。 我在母版页中有 SiteMapPath 控件。 另外，我正在处理 SiteMapResolve 以设置节点中的查询字符串。

Answer 1

一种可能的解决方案是简单地隐藏主页上的 SiteMapPath 控件：

mySiteMapPath.Visible = (SiteMap.CurrentNode != SiteMap.RootNode);

Answer 2

我见过一些基于代码的示例，但这里有一个廉价的 CSS 解决方案（尽管你的目标浏览器必须支持 css 2.1），它将隐藏根节点和以下路径分隔符。

通过将 RootNodeTemplate 设置为空来杀死根节点，如下所示：

<asp:SiteMapPath ID="SiteMapPath1" runat="server" CssClass="breadCrumbTrail">
   <RootNodeTemplate></RootNodeTemplate>
</asp:SiteMapPath>

这将使其不为根节点渲染任何内容，但根的路径分隔符仍将显示，因此将这些 CSS 选择器添加到您的样式表中（重要提示：注意我给了我的SiteMapPath1 元素是一个名为“breadCrumbTrail”的 CssClass）：

.breadCrumbTrail
{
  font-size: small;
}

/*
First child element rendered by a SiteMapPath is an <a> tag you have no control over, 
adjacent to that is your root node's span tag, adjacent to that is the root node's 
path-separator span: don't display it.
*/
.breadCrumbTrail > a:first-child + span + span
{
  display: none;
}

Answer 3

我设法解决了这个问题，但花了一段时间，因为我遇到的问题有点微妙。 schou-rode 的想法是正确的，这就是我在 Page_Load 中所做的事情，但没有成功。 它不起作用的原因是我在 SiteMapResolve 中克隆节点并返回克隆。 这发生在 Page_Load 之前，因此 SiteMap.CurrentNode 引用了克隆，并且与 SiteMap.RootNode 的比较失败。

这是完整的解决方案：

protected void Page_Load(object sender, EventArgs e)
{
    SiteMapPath1.Visible = (SiteMap.CurrentNode != SiteMap.RootNode);
}

private SiteMapNode SiteMap_SiteMapResolve(object sender, SiteMapResolveEventArgs e)
{
    if (SiteMap.CurrentNode == null || SiteMap.CurrentNode == SiteMap.RootNode)
    {
        return SiteMap.CurrentNode;
    }
    // clone and set querystring in other nodes...
}

Answer 4

SiteMapDataSource 上还有一个 ShowStartingNode 属性。 将其设置为 false 以隐藏根节点。

Answer 5

在主页上，将以下脚本添加到“head”部分：

protected void Page_Load(object sender, EventArgs e)
{
    SiteMapPath sp = (SiteMapPath)Master.FindControl("SiteMapPath1");
    sp.Visible = (SiteMap.CurrentNode != SiteMap.RootNode);
}

要应用上述方法，应将 SiteMapPath1 放置在 MasterPage 上。

Answer 6

通过 3 个简单步骤隐藏 SiteMapPath 根注释的正确方法之一：

• 从 ContentPage 引用 MasterPage

  示例：

  <%@ MasterType VirtualPath="~/Master.master" %> 
    

• 在设计器类中将 SiteMapPath 设置为受保护的内部

  示例：

  受保护的内部全局::System.Web.UI.WebControls.SiteMapPath SiteMapPath1; 
    

• 从 ContentPage 中隐藏它

  示例：

  Master.SiteMapPath1.Visible = (SiteMap.CurrentNode != SiteMap.RootNode); 
    

Answer 7

我将我的插入到我的 _Layout.cshtml 中，发现最简单的解决方案是在控件渲染块周围包装一个 If 语句（带有之前建议的逻辑），然后就到此为止：

@if (SiteMap.CurrentNode != SiteMap.RootNode)
{
  @Html.MvcSiteMap().SiteMapPath()
}

Answer 8

<asp:SiteMapPath ID="contentNavigation" runat="server">
    <RootNodeTemplate>
    </RootNodeTemplate>
</asp:SiteMapPath>

和CSS代码：

#ctl00_contentNavigation span:nth-child(2),span:nth-child(3)
{
    display:none;
}

Answer 9

最近我遇到了类似的问题，但我在解决方案中使用 XmlDataSource 作为菜单。

源 XML 的示例结构：

<root>
  <Menu text="" url=""/>
  <Menu text="" url=""/>
</root>

如果您不想显示“root”菜单项，则必须简单地将 XmlDataSource 上的 XPath 属性设置为值“/root/*”

Answer 10

ParentLevelsDisplayed=0 会有帮助

<asp:SiteMapPath ID="SiteMapPath1" runat="server" PathSeparator="" 
        ParentLevelsDisplayed="0" >
        <RootNodeTemplate></RootNodeTemplate>            
    </asp:SiteMapPath>