Добавление файлов js и css на страницу макета с частичным представлением - PullRequest
Новая
       1

Добавление файлов js и css на страницу макета с частичным представлением

2 голосов
/ 06 октября 2011

Каков наилучший способ добавления внешних файлов из частичного представления?

Мне нужно сделать что-то вроде этого

код при частичном просмотре: 

@{
    var files = new List<string>();
    files.Add("some path");
    files.Add("some path");
    ViewBag.Files = files;
}

на странице макета 

@foreach (var file in ViewBag.Files) {
    @file
}

это на самом деле не работает, хотя

Ответы [ 3 ]

6 голосов
/ 12 октября 2011

Как и было обещано

Вы не можете визуализировать @section, поскольку это не поддерживается при визуализации с помощью частичных представлений, до тех пор вы можете выполнить этот трюк:

в вашем _Layout.cshtml написать 

@RenderSection("scripts", false)
@Html.RenderSection("scripts")

Первый - по умолчанию , вторая строка - ваш новый способ визуализации раздела, я использую оба в своем коде ...

Теперь давайте добавим немного кода в наше Частичное представление

вместо 

@section scripts { 
   <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
   <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
}

заменить его на: 

@Html.Section(
    @<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>, "scripts"
)
@Html.Section(
    @<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>, "scripts"
)

и наш маленький помощник , который вы просто поместили в папку Models и сослались на нее на странице частичного просмотра и макета 

// using idea from /5530560/ispolzovanie-razdelov-v-redaktore-pokazat-shablony#5530571
public static class HtmlExtensions
{
    public static MvcHtmlString Section(this HtmlHelper htmlHelper, Func<object, HelperResult> template, string addToSection)
   {
      htmlHelper.ViewContext.HttpContext.Items[String.Concat("_", addToSection, "_", Guid.NewGuid())] = template;
      return MvcHtmlString.Empty;
   }

   public static IHtmlString RenderSection(this HtmlHelper htmlHelper, string sectionName)
   {
      foreach (object key in htmlHelper.ViewContext.HttpContext.Items.Keys)
      {
         if (key.ToString().StartsWith(String.Concat("_", sectionName, "_")))
         {
            var template = htmlHelper.ViewContext.HttpContext.Items[key] as Func<object, HelperResult>;
            if (template != null)
            {
               htmlHelper.ViewContext.Writer.Write(template(null));
            }
         }
      }
      return MvcHtmlString.Empty;
   }
}

Чтобы отобразить CSS , все, что вам нужно, так это использовать другое имя раздела, например:

В _Layout.cshtml

@Html.RenderSection("styles")

в ваших частичных представлениях 

@Html.Section(
  @<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.3.0/bootstrap.min.css">, "styles"
)

Надеюсь, это поможет.

1 голос
/ 06 октября 2011

Вместо хранения значений в Viewbag попробуйте сохранить значения в HttpContext.Current.Items, что является областью запроса.

Как это HttpContext.Current.Items.Add("files", files)

0 голосов
/ 06 октября 2011

Может быть, вы можете использовать разделы для этого. В вашем макете: 

<head>
...
    @RenderSection("Head", false)
</head>

Параметр false указывает, что раздел не требуется.

В вашем частичном представлении вы делаете что-то вроде этого: 

@section Head
{
    foreach(file in Model.Files}
    {
        .... render css/js links here
    }
}

Это работает для представлений, но не совсем уверен, что оно работает с частичными представлениями, но должно:)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...