通过自定义标签助手呈现部分视图

Question

我到处搜索，我想要的基本上是一个不使用控制器或操作上下文的MVC6的MVC6。

由于自定义TagHelpers进入自己的类，这些上下文将不可用。

目前我有以下代码，我非常想把html放在一个Razor视图中，因为这是不可接受的lol。

public class WindowTagHelper : TagHelper
{
    public string Title { get; set; }
    public async override Task ProcessAsync(TagHelperContext context, TagHelperOutput output)
    {
        var preContent = await output.GetChildContentAsync();      
        var id = context.UniqueId;
        output.TagName = "div";
        output.Attributes["id"] = id;
        output.Attributes["class"] = "window";
        output.TagMode = TagMode.StartTagAndEndTag;

        var windowControls = new StringBuilder();
        windowControls.Append("<div class=\"window-controls\">");
        windowControls.Append("<ul class=\"window-icon-list\">");  

        var minimizeIcon = "<li class=\"control-icon\"><a data-window-id=\"{0}\" class=\"control-icon-minimize\" href=\"#\" data-toggle=\"tooltip\" title=\"Minimize Window\"><div class=\"fa fa-minus\"></div></a></li>".InjectWith(id);
        var maximizeIcon = "<li class=\"control-icon\"><a data-window-id=\"{0}\" class=\"control-icon-maximize\" href=\"#\" data-toggle=\"tooltip\" title=\"Maximize Window\"><div class=\"fa fa-square-o\"></div></a></li>".InjectWith(id);
        var closeIcon = "<li class=\"control-icon\"><a data-window-id=\"{0}\" class=\"control-icon-close\" href=\"#\" data-toggle=\"tooltip\" title=\"Close Window\"><div class=\"fa fa-close\"></div></a></li>".InjectWith(id);

        windowControls.Append(minimizeIcon);
        windowControls.Append(maximizeIcon);
        windowControls.Append(closeIcon);
        windowControls.Append("</ul>");
        windowControls.Append("</div>");

        var content = new StringBuilder();
        content.AppendFormat("<div class=\"window-title\">{0}{1}</div>", windowControls.ToString(), Title);
        content.Append(preContent.GetContent());
        output.Content.AppendHtml(content.ToString());          
    }
}

下面的方法不起作用，它抛出一个异常并注入ICompositeViewEngine，因为服务需要一个控制器/操作上下文。

public string RenderPartialViewToString(string viewName, object model)
{
    if (string.IsNullOrEmpty(viewName))
        viewName = ActionContext.ActionDescriptor.Name;

    ViewData.Model = model;

    using (StringWriter sw = new StringWriter())
    {
        var engine = Resolver.GetService(typeof(ICompositeViewEngine)) as ICompositeViewEngine;
        ViewEngineResult viewResult = engine.FindPartialView(ActionContext, viewName);

        ViewContext viewContext = new ViewContext(ActionContext, viewResult.View, ViewData, TempData, sw,new HtmlHelperOptions());

        var t = viewResult.View.RenderAsync(viewContext);
        t.Wait();

        return sw.GetStringBuilder().ToString();
    }
}

Answer 1

我们通过自定义标签助手和对ViewContext的扩展来实现它。

  [ViewContext]
  public ViewContext ViewContext { get; set; }

  public async override void Process(TagHelperContext context, TagHelperOutput output)
  {
     var sw = new StringWriter();

     // Create a new viewData (viewbag). This will be used in a new ViewContext to define the model we want
     ViewDataDictionary viewData = new ViewDataDictionary(ViewContext.ViewData, For.Model);

     // Generate a viewContext with our viewData
     var viewContext = new ViewContext(ViewContext, ViewContext.View, viewData, ViewContext.TempData, sw, new HtmlHelperOptions());

     // Use the viewContext to run the given ViewName
     output.Content.Append(new HtmlString(await viewContext.RenderPartialView(ViewName)));

  }


  public async static Task<string> RenderPartialView(this ViewContext context, string viewName, ICompositeViewEngine viewEngine = null, ViewEngineResult viewResult = null)
  {
     viewEngine = viewEngine ?? context.HttpContext.RequestServices.GetRequiredService<ICompositeViewEngine>();

     viewResult = viewResult ?? viewEngine.FindPartialView(context, viewName);

     await viewResult.View.RenderAsync(context);

     return context.Writer.ToString();

  }