如何呈现在MVC3的局部视图一节?(How to render a Section in a Par

2019-06-21 17:57发布

在MVC3项目,我有这个代码“_Layout.vbhtml”文件

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    ...
    <script src="@Url.Content("~/Scripts/jquery-1.8.2.min.js")"></script>
    @RenderSection("Scripts", false)
  </body>
</html>

然后,我有一个局部视图“ValidationScripts.vbhtml”中的共享文件夹

@Section Scripts
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.fix.js")"></script>  
    <script src="@Url.Content("~/Scripts/localization/messages_de.js")"></script>      
End Section

如果我把从这样的视图局部视图...

@ModelType MvcExample.MyModel
@Code
    ViewData("Title") = "Test"
End Code

@Html.Partial("ValidationScripts")

<h2>Just a Test</h2>
...

部分“脚本”没有在网页上呈现,输出HTML是

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    ...
    <script src="@Url.Content("~/Scripts/jquery-1.8.2.min.js")"></script>

  </body>
</html>

我怎样才能呈现局部视图的部分?

Answer 1:

我有重复的脚本的顶部同样的问题,所以我创建了几个扩展方法:

public static class HtmlHelperExtensions
{
  private const string _jSViewDataName = "RenderJavaScript";
  private const string _styleViewDataName = "RenderStyle";

  public static void AddJavaScript(this HtmlHelper htmlHelper, 
                                   string scriptURL)
  {
    List<string> scriptList = htmlHelper.ViewContext.HttpContext
      .Items[HtmlHelperExtensions._jSViewDataName] as List<string>;
    if (scriptList != null)
    {
      if (!scriptList.Contains(scriptURL))
      {
        scriptList.Add(scriptURL);
      }
    }
    else
    {
      scriptList = new List<string>();
      scriptList.Add(scriptURL);
      htmlHelper.ViewContext.HttpContext
        .Items.Add(HtmlHelperExtensions._jSViewDataName, scriptList);
    }
  }

  public static MvcHtmlString RenderJavaScripts(this HtmlHelper HtmlHelper)
  {
    StringBuilder result = new StringBuilder();

    List<string> scriptList = HtmlHelper.ViewContext.HttpContext
      .Items[HtmlHelperExtensions._jSViewDataName] as List<string>;
    if (scriptList != null)
    {
      foreach (string script in scriptList)
      {
        result.AppendLine(string.Format(
          "<script type=\"text/javascript\" src=\"{0}\"></script>", 
          script));
      }
    }

    return MvcHtmlString.Create(result.ToString());
  }

  public static void AddStyle(this HtmlHelper htmlHelper, string styleURL)
  {
    List<string> styleList = htmlHelper.ViewContext.HttpContext
      .Items[HtmlHelperExtensions._styleViewDataName] as List<string>;

   if (styleList != null)
   {
     if (!styleList.Contains(styleURL))
     {
       styleList.Add(styleURL);
     }
   }
   else
   {
     styleList = new List<string>();
     styleList.Add(styleURL);
     htmlHelper.ViewContext.HttpContext
       .Items.Add(HtmlHelperExtensions._styleViewDataName, styleList);
   }
 }

 public static MvcHtmlString RenderStyles(this HtmlHelper htmlHelper)
 {
   StringBuilder result = new StringBuilder();

   List<string> styleList = htmlHelper.ViewContext.HttpContext
     .Items[HtmlHelperExtensions._styleViewDataName] as List<string>;

   if (styleList != null)
   {
     foreach (string script in styleList)
     {
       result.AppendLine(string.Format(
         "<link href=\"{0}\" rel=\"stylesheet\" type=\"text/css\" />", 
         script));
     }
   }

  return MvcHtmlString.Create(result.ToString());
  }
}

在任何视图或局部视图或显示/编辑模板只需添加你需要的东西:

@{
  Html.AddJavaScript("http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js");
}

在您的布局你渲染它,你想让它:

<!DOCTYPE html>
<html lang="en">
  <head>
  @Html.RenderStyles()
  @Html.RenderJavascripts()

你可能有唯一的问题是,其中,如果你到复杂的脚本呈现的顺序。 如果这成为一个问题,只需将脚本添加到您的意见/模板底部,呈现在他们面前根本扭转的扩展方法的顺序。



Answer 2:

不能在局部视图使用部分。 你可以去定制佣工提到这里 。



Answer 3:

我想你应该使用助手此http://weblogs.asp.net/scottgu/archive/2011/05/12/asp-net-mvc-3-and-the-helper-syntax-within-razor.aspx

如果你可以升级到MVC4你可以使用新的捆绑和缩小功能: http://www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification 。 它是专门设计来解决你正在努力实现(包括脚本)的内容。

另外,您可以使用http://combres.codeplex.com/与MVC3



Answer 4:

如果我理解正确的话,你有一个结构

  • Layout.cshtml
  • 查看 - X
    • PartialView Y(称为查看-X内部)

那么你需要定义

@section Script{ .... }View-XNOT PartialViewÿ因为查看-X拥有View.Layout设置为Layout.cshtml



Answer 5:

这一切都是伟大的信息,但是如果你看看他的原代码,科资本,因此不被认可。

它应该是@section blahblah不@Section



文章来源: How to render a Section in a Partial View in MVC3?