Question

我正在玩一个Episerver网站。我没有使用模板只是一个空白的Episerver网站。

我创建了一个pagetype Ex。以编程方式启动，我可以将其作为新页面添加到编辑视图中。所以我的问题是如何让我创建的新页面显示在我的导航栏中？谢谢！

   <div class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <!-- Some code here?? -->

            </ul>
        </div>
    </div>
</div>

Answer 1

这是我在旧项目中解决的问题：

创建一个名为“Helpers”的新文件夹

创建新类“NavigationHelper”：

using EPiServer;
using EPiServer.Core;
using EPiServer.Filters;
using EPiServer.ServiceLocation;
using EPiServer.Web.Mvc.Html;
using EPiServer.Web.Routing;
using System.Linq;
using System.Web.Mvc;

namespace Demo.Helpers
{
    public static class NavigationHelper
    {
    public static void RenderMainNavigation(this HtmlHelper html, PageReference rootLink = null, ContentReference contentLink = null, bool includeRootPage = true, IContentLoader contentLoader = null)
    {
        var writer = html.ViewContext.Writer;

        contentLink = contentLink ?? @html.ViewContext.RequestContext.GetContentLink();
        rootLink = rootLink ?? ContentReference.StartPage;

        if (includeRootPage)
        {
            if (rootLink.CompareToIgnoreWorkID(contentLink))
            {
                writer.WriteLine("<li class=\"active\">");
            }
            else
            {
                writer.WriteLine("<li>");
            }
            writer.WriteLine(html.ContentLink(rootLink).ToHtmlString());
            writer.WriteLine("</li>");
        }

        contentLoader = contentLoader ?? ServiceLocator.Current.GetInstance<IContentLoader>();

        var topLevelPages = contentLoader.GetChildren<PageData>(ContentReference.StartPage).ToList();
        topLevelPages = FilterForVisitor.Filter(topLevelPages).OfType<PageData>().Where(x => x.VisibleInMenu).ToList();

        var currentBranch = contentLoader.GetAncestors(contentLink).Select(x => x.ContentLink).ToList();

        currentBranch.Add(contentLink);

        foreach (var topLevelPage in topLevelPages)
        {
            if (currentBranch.Any(x => x.CompareToIgnoreWorkID(topLevelPage.ContentLink)))
            {
                writer.WriteLine("<li class=\"active\">");
            }
            else
            {
                writer.WriteLine("<li>");
            }
            writer.WriteLine(html.PageLink(topLevelPage).ToHtmlString());
            writer.WriteLine("</li>");
        }
    }
}
}

代码有点粗糙，但它可以工作，并会为您提供有关如何根据您的需求自定义它的一些信息。

在布局页面的顶部为新课程添加一个使用。例如：
```
@using Demo.Helpers;
```
在你的布局中替换“＆lt;！ - 这里的一些代码?? - ＆gt;”用：
```
@{
  Html.RenderMainNavigation();
 }
```

现在您应该有一个可以为项目自定义的工作菜单：）

我在一个旧网站制作的项目中发现了这个相对简单的代码。该代码可能来自Joel Abrahamsson编写的“EPiServer 7 CMS Development”一书。或者它可能来自Alloy模板，但如果我没记错，合金中的代码对于主菜单来说有点复杂。

Answer 2

查看Alloy模板，这是开始使用之前与Episerver完全合作的最佳方式：https://github.com/episerver/AlloyDemoKit

EpiServer 9 mvc将页面添加到导航

2 个答案: