Asp.net MVC <script>の部分ビューのタグが複数ある（同じ）部分ビュー

Question

ページ上に一度スクリプトを追加すると、それはそれだけです。
2つのCSSファイルと2つのJSファイルを必要とする部分的なビューがあります。ほとんどの場所では、部分ビューのうち1つだけが必要です。しかし、1つのページでは、これらの部分ビューのうち3つが必要です。部分ビューにはそれぞれ4つのファイルがあるため、6つのJSリンクと6つのCSSリンクがあります。かなり醜い。

私はオリジナルのアイデアはjQueryを使ってタグ（idによる）がページに存在しているかどうかを確認することでした。そうでない場合は、何もしないでください。これは私がそれが動作します（または鉛devのは、それを受け入れます）わからないんだけど、

<script type="text/javascript" language="javascript"> 
    function(){ 
      var jQueryUICSS = $("#jQueryUICSS"); 
      if(!jQueryUICSS){ 
       document.write('link id="jQueryUICSS" href="/Content/smoothness/jquery-ui-1.8.5.custom.css" rel="stylesheet" type="text/css" />') 
      } 
      ...And so on for the other 3 tags. 
}; 

....のように、インラインスクリプトであることを行っていたが：P

他のアイデア？

Answer 1

デビッド、

私はまさにこのシナリオのための私のコードの静的htmlhelpersのカップルを使用します。 context.itemsコレクションが要求ごとに生成されるという原則に基づいて動作します。したがって、item.content.itemsコレクションにアイテムが存在する場合、それは2回追加されません。とにかく、wisdOOOmのスコットランド語の十分な、 'yillはCOADEをwaantinことJIST' ...私たちのスクリプトの

：私たちのかわいいCSSの

public static MvcHtmlString Script(this HtmlHelper html, string path) 
{ 
    var filePath = VirtualPathUtility.ToAbsolute(path); 
    HttpContextBase context = html.ViewContext.HttpContext; 
    // don't add the file if it's already there 
    if (context.Items.Contains(filePath)) 
     return MvcHtmlString.Create(""); 

    // add the beast... 
    context.Items.Add(filePath, filePath); 

    return MvcHtmlString.Create(
     string.Format("<script type=\"text/javascript\" src=\"{0}\"></script>", filePath)); 
} 

：

// standard method - renders as defined in as(cp)x file 
public static MvcHtmlString Css(this HtmlHelper html, string path) 
{ 
    return html.Css(path, false); 
} 
// override - to allow javascript to put css in head 
public static MvcHtmlString Css(this HtmlHelper html, 
           string path, 
           bool renderAsAjax) 
{ 
    var filePath = VirtualPathUtility.ToAbsolute(path); 

    HttpContextBase context = html.ViewContext.HttpContext; 
    // don't add the file if it's already there 
    if (context.Items.Contains(filePath)) 
     return null; 

    // otherwise, add it to the context and put on page 
    // this of course only works for items going in via the current 
    // request and by this method 
    context.Items.Add(filePath, filePath); 

    // js and css function strings 
    const string jsHead = "<script type='text/javascript'>"; 
    const string jsFoot = "</script>"; 
    const string jsFunctionStt = "$(function(){"; 
    const string jsFunctionEnd = "});"; 
    string linkText = string.Format("<link rel=\"stylesheet\" type=\"text/css\" href=\"{0}\"></link>", filePath); 
    string jsBody = string.Format("$('head').prepend('{0}');", linkText); 

    var sb = new StringBuilder(); 

    if (renderAsAjax) 
    { 
     // join it all up now 
     sb.Append(jsHead); 
     sb.AppendFormat("\r\n\t"); 
     sb.Append(jsFunctionStt); 
     sb.AppendFormat("\r\n\t\t"); 
     sb.Append(jsBody); 
     sb.AppendFormat("\r\n\t"); 
     sb.Append(jsFunctionEnd); 
     sb.AppendFormat("\r\n"); 
     sb.Append(jsFoot); 
    } 
    else 
    { 
     sb.Append(linkText); 
    } 

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

使用量のどちらの場合：

<%=Html.Css("~/Content/Site.Css")%> 
<%=Html.Script("~/Scripts/default.js")%> 

楽しみを持っている...

[編集] - コメント行に特定のATTNを支払う：

// this of course only works for items going in via the current 
// request and by this method 

Answer 2

マスターに入れてください。 CSSファイルとJavascriptファイルがキャッシュされます。一度読み込んで気にしないでください。