संपादक / प्रदर्शन टेम्पलेट्स में अनुभागों का उपयोग करना


104

मैं अपने सभी जावास्क्रिप्ट कोड एक सेक्शन में रखना चाहता हूं; bodyमेरे मास्टर लेआउट पृष्ठ में समापन टैग से पहले और इसके बारे में जाने के लिए सबसे अच्छा सोच रहा था, एमवीसी शैली।

उदाहरण के लिए, यदि मैं DisplayTemplate\DateTime.cshtmljQuery UI का डेटटाइम पिकर उपयोग करने वाली फ़ाइल बनाता हूं, तो मैं जावास्क्रिप्ट को सीधे उस टेम्पलेट में एम्बेड कर दूंगा, लेकिन तब यह मध्य-पृष्ठ को रेंडर कर देगा।

मेरे सामान्य विचारों में मैं सिर्फ @section JavaScript { //js here }और फिर @RenderSection("JavaScript", false)अपने मास्टर लेआउट में उपयोग कर सकता हूं लेकिन यह डिस्प्ले / एडिटर टेम्प्लेट में काम करने के लिए प्रतीत नहीं होता है - कोई विचार?


4
इसके बाद आने वाले लोगों के लिए - इससे निपटने के लिए एक नगेट पैकेज है: nuget.org/packages/Forloop.HtmlHelpers
Russ Cam

जवाबों:


189

आप दो सहायकों के संयोजन के साथ आगे बढ़ सकते हैं:

public static class HtmlExtensions
{
    public static MvcHtmlString Script(this HtmlHelper htmlHelper, Func<object, HelperResult> template)
    {
        htmlHelper.ViewContext.HttpContext.Items["_script_" + Guid.NewGuid()] = template;
        return MvcHtmlString.Empty;
    }

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

और फिर अपने में _Layout.cshtml:

<body>
...
@Html.RenderScripts()
</body>

और कहीं न कहीं किसी टेम्पलेट में:

@Html.Script(
    @<script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script>
)

3
एक शब्दकोश के रूप में संयुक्त राष्ट्र का आदेश दिया गया है कि मैं पहली बार पहली बार बाहर कैसे करूंगा? यह जो आउटपुट देता है वह यादृच्छिक होता है (संभवतः गाइड के कारण) ..
eth0

शायद आप स्थैतिक पूर्णांक फ़ील्ड सेट कर सकते हैं और आदेश प्राप्त करने के लिए GUID के स्थान पर Interlocked.Increment () का उपयोग कर सकते हैं, लेकिन फिर भी मुझे लगता है कि एक शब्दकोश कभी भी आदेश की गारंटी नहीं देता है। दूसरे विचारों पर, हो सकता है कि एक स्थिर क्षेत्र बौना हो, क्योंकि यह पूरे पृष्ठ प्रदर्शनों में रखा जा सकता है। इसके बजाय आइटम शब्दकोश में एक पूर्णांक जोड़ सकते हैं, लेकिन आपको इसके चारों ओर एक ताला लगाना होगा।
मार्क एडम्सन

मैंने हाल ही में इस समाधान का उपयोग करना शुरू कर दिया है, लेकिन मैं एक ही @ Html.Script () लाइन में दो स्क्रिप्टों को सामान करने के लिए प्रतीत नहीं कर सकता, क्योंकि मुझे यकीन नहीं है कि हेल्परएंड्टल कैसे काम करता है। 1 एचटीएमएल.स्क्रिप्ट कॉल में 2 स्क्रिप्ट ब्लॉक करना संभव नहीं है?
लैंगडन

2
@ टिममर्स, आपका क्या मतलब है? मेरे लिए यह सब हमेशा अप्रचलित रहा है। मैं उन सहायकों का उपयोग नहीं करूंगा। मुझे अपने आंशिक विचारों में किसी भी स्क्रिप्ट को शामिल करने की आवश्यकता नहीं थी। मैं बस मानक रेजर से चिपकेगा sections। MVC4 में बंडलिंग का उपयोग वास्तव में किया जा सकता है और साथ ही यह लिपियों के आकार को कम करने में मदद करता है।
डारिन दिमित्रोव

4
यदि आप headटैग के अंत में अपनी स्क्रिप्ट या शैली को टैग के स्थान पर रखना चाहते हैं तो यह दृष्टिकोण काम नहीं करता है body, क्योंकि @Html.RenderScripts()आपके आंशिक दृश्य से पहले और इसलिए पहले निष्पादित किया जाएगा @Html.Script()
मक्सीम वी।

41

आदेश को सुनिश्चित करने के लिए डारिन के उत्तर का संशोधित संस्करण। CSS के साथ भी काम करता है:

public static IHtmlString Resource(this HtmlHelper HtmlHelper, Func<object, HelperResult> Template, string Type)
{
    if (HtmlHelper.ViewContext.HttpContext.Items[Type] != null) ((List<Func<object, HelperResult>>)HtmlHelper.ViewContext.HttpContext.Items[Type]).Add(Template);
    else HtmlHelper.ViewContext.HttpContext.Items[Type] = new List<Func<object, HelperResult>>() { Template };

    return new HtmlString(String.Empty);
}

public static IHtmlString RenderResources(this HtmlHelper HtmlHelper, string Type)
{
    if (HtmlHelper.ViewContext.HttpContext.Items[Type] != null)
    {
        List<Func<object, HelperResult>> Resources = (List<Func<object, HelperResult>>)HtmlHelper.ViewContext.HttpContext.Items[Type];

        foreach (var Resource in Resources)
        {
            if (Resource != null) HtmlHelper.ViewContext.Writer.Write(Resource(null));
        }
    }

    return new HtmlString(String.Empty);
}

आप इस तरह से JS और CSS संसाधन जोड़ सकते हैं:

@Html.Resource(@<script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script>, "js")
@Html.Resource(@<link rel="stylesheet" href="@Url.Content("~/CSS/style.css")" />, "css")

और जेएस और सीएसएस संसाधनों को इस तरह प्रस्तुत करें:

@Html.RenderResources("js")
@Html.RenderResources("css")

आप यह देखने के लिए एक स्ट्रिंग जांच कर सकते हैं कि क्या यह स्क्रिप्ट / लिंक से शुरू होता है ताकि आपको स्पष्ट रूप से परिभाषित न करना पड़े कि प्रत्येक संसाधन क्या है।


धन्यवाद eth0 मैंने इस मुद्दे पर समझौता किया, लेकिन मुझे इसकी जाँच करनी होगी।
one.beat.consumer

मैं यह लगभग 2 साल पहले से जानता हूं, लेकिन क्या यह जांचने का एक तरीका है कि क्या सीएसएस / जेएस फाइल पहले से मौजूद है और इसे प्रस्तुत नहीं करना है? धन्यवाद
कोडिंगलेयर

1
ठीक है। यह निश्चित नहीं है कि यह कितना घातक है, लेकिन वर्तमान में मैं यह कर रहा हूं: var httpTemplates = HtmlHelper.ViewContext.HttpContext.Items [प्रकार] सूची के रूप में <Func <object, HelcResult >>; var prevItem = q से httpTemplates में जहाँ q (null) .TStString () == टेम्पलेट (null) .ToString () चयन q; if (prevItem.Any ()) {// टेम्पलेट जोड़ें}
कोडिंगलेयर

@imAbhi धन्यवाद, बस मुझे जो चाहिए, वह आइटम के साथ बंडलों के 1-लूप की तरह दिखता है। इसलिए, मुझे लगता है कि यह काफी तेजी से होना चाहिए
कुनकुने

35

मैंने उसी समस्या का सामना किया, लेकिन यहां प्रस्तावित समाधान केवल संसाधन के संदर्भ को जोड़ने के लिए अच्छा काम करते हैं और इनलाइन जेएस कोड के लिए बहुत उपयुक्त नहीं हैं। मुझे एक बहुत ही उपयोगी लेख मिला और अपनी सारी इनलाइन जेएस (और स्क्रिप्ट टैग भी) में लपेट दी

@using (Html.BeginScripts())
{
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.18.min.js")" type="text/javascript"></script>
    <script>
    // my inline scripts here
    <\script>
}

और _Loutout में रखा गया दृश्य @Html.PageScripts() 'बॉडी' टैग बंद करने से पहले । मेरे लिए एक आकर्षण की तरह काम करता है।


स्वयं सहायक:

public static class HtmlHelpers
{
    private class ScriptBlock : IDisposable
    {
        private const string scriptsKey = "scripts";
        public static List<string> pageScripts
        {
            get
            {
                if (HttpContext.Current.Items[scriptsKey] == null)
                    HttpContext.Current.Items[scriptsKey] = new List<string>();
                return (List<string>)HttpContext.Current.Items[scriptsKey];
            }
        }

        WebViewPage webPageBase;

        public ScriptBlock(WebViewPage webPageBase)
        {
            this.webPageBase = webPageBase;
            this.webPageBase.OutputStack.Push(new StringWriter());
        }

        public void Dispose()
        {
            pageScripts.Add(((StringWriter)this.webPageBase.OutputStack.Pop()).ToString());
        }
    }

    public static IDisposable BeginScripts(this HtmlHelper helper)
    {
        return new ScriptBlock((WebViewPage)helper.ViewDataContainer);
    }

    public static MvcHtmlString PageScripts(this HtmlHelper helper)
    {
        return MvcHtmlString.Create(string.Join(Environment.NewLine, ScriptBlock.pageScripts.Select(s => s.ToString())));
    }
}

3
यह सबसे अच्छा जवाब है; यह आपको बहुत कुछ भी इंजेक्ट करने की अनुमति देता है और अंत तक इसे विलंबित करता है
drzaus

1
यदि यह कभी भी नीचे जाता है तो आपको लेख से कोड को कॉपी-पेस्ट करना चाहिए! यह एक उत्कृष्ट उत्तर है!
शमां

हम इसे asp.net core
ramanmittal

13

मुझे @ john-w-harding द्वारा पोस्ट किया गया समाधान पसंद आया , इसलिए मैंने @ darin-dimitrov द्वारा उत्तर के साथ जोड़कर निम्नलिखित संभवत: अधूरा समाधान बनाया है जो आपको एक प्रयोग ब्लॉक के भीतर किसी भी HTML (लिपियों को भी) प्रदान करने में देरी करता है।

उपयोग

बार-बार आंशिक दृश्य में, केवल एक बार ब्लॉक शामिल करें:

@using (Html.Delayed(isOnlyOne: "MYPARTIAL_scripts")) {
    <script>
        someInlineScript();
    </script>
}

आंशिक रूप से दोहराए जाने वाले (दोहराए जाने वाले) आंशिक दृश्य में, हर बार ब्लॉक का उपयोग करें:

@using (Html.Delayed()) {
    <b>show me multiple times, @Model.Whatever</b>
}

आंशिक रूप से (बार-बार?) आंशिक दृश्य में, एक बार ब्लॉक शामिल करें, और बाद में इसे विशेष रूप से नाम से प्रस्तुत करें one-time:

@using (Html.Delayed("one-time", isOnlyOne: "one-time")) {
    <b>show me once by name</b>
    <span>@Model.First().Value</span>
}

सौंपने के लिए:

@Html.RenderDelayed(); // the "default" unidentified blocks
@Html.RenderDelayed("one-time", false); // render the specified block by name, and allow us to render it again in a second call
@Html.RenderDelayed("one-time"); // render the specified block by name
@Html.RenderDelayed("one-time"); // since it was "popped" in the last call, won't render anything

कोड

public static class HtmlRenderExtensions {

    /// <summary>
    /// Delegate script/resource/etc injection until the end of the page
    /// <para>@via https://stackoverflow.com/a/14127332/1037948 and http://jadnb.wordpress.com/2011/02/16/rendering-scripts-from-partial-views-at-the-end-in-mvc/ </para>
    /// </summary>
    private class DelayedInjectionBlock : IDisposable {
        /// <summary>
        /// Unique internal storage key
        /// </summary>
        private const string CACHE_KEY = "DCCF8C78-2E36-4567-B0CF-FE052ACCE309"; // "DelayedInjectionBlocks";

        /// <summary>
        /// Internal storage identifier for remembering unique/isOnlyOne items
        /// </summary>
        private const string UNIQUE_IDENTIFIER_KEY = CACHE_KEY;

        /// <summary>
        /// What to use as internal storage identifier if no identifier provided (since we can't use null as key)
        /// </summary>
        private const string EMPTY_IDENTIFIER = "";

        /// <summary>
        /// Retrieve a context-aware list of cached output delegates from the given helper; uses the helper's context rather than singleton HttpContext.Current.Items
        /// </summary>
        /// <param name="helper">the helper from which we use the context</param>
        /// <param name="identifier">optional unique sub-identifier for a given injection block</param>
        /// <returns>list of delayed-execution callbacks to render internal content</returns>
        public static Queue<string> GetQueue(HtmlHelper helper, string identifier = null) {
            return _GetOrSet(helper, new Queue<string>(), identifier ?? EMPTY_IDENTIFIER);
        }

        /// <summary>
        /// Retrieve a context-aware list of cached output delegates from the given helper; uses the helper's context rather than singleton HttpContext.Current.Items
        /// </summary>
        /// <param name="helper">the helper from which we use the context</param>
        /// <param name="defaultValue">the default value to return if the cached item isn't found or isn't the expected type; can also be used to set with an arbitrary value</param>
        /// <param name="identifier">optional unique sub-identifier for a given injection block</param>
        /// <returns>list of delayed-execution callbacks to render internal content</returns>
        private static T _GetOrSet<T>(HtmlHelper helper, T defaultValue, string identifier = EMPTY_IDENTIFIER) where T : class {
            var storage = GetStorage(helper);

            // return the stored item, or set it if it does not exist
            return (T) (storage.ContainsKey(identifier) ? storage[identifier] : (storage[identifier] = defaultValue));
        }

        /// <summary>
        /// Get the storage, but if it doesn't exist or isn't the expected type, then create a new "bucket"
        /// </summary>
        /// <param name="helper"></param>
        /// <returns></returns>
        public static Dictionary<string, object> GetStorage(HtmlHelper helper) {
            var storage = helper.ViewContext.HttpContext.Items[CACHE_KEY] as Dictionary<string, object>;
            if (storage == null) helper.ViewContext.HttpContext.Items[CACHE_KEY] = (storage = new Dictionary<string, object>());
            return storage;
        }


        private readonly HtmlHelper helper;
        private readonly string identifier;
        private readonly string isOnlyOne;

        /// <summary>
        /// Create a new using block from the given helper (used for trapping appropriate context)
        /// </summary>
        /// <param name="helper">the helper from which we use the context</param>
        /// <param name="identifier">optional unique identifier to specify one or many injection blocks</param>
        /// <param name="isOnlyOne">extra identifier used to ensure that this item is only added once; if provided, content should only appear once in the page (i.e. only the first block called for this identifier is used)</param>
        public DelayedInjectionBlock(HtmlHelper helper, string identifier = null, string isOnlyOne = null) {
            this.helper = helper;

            // start a new writing context
            ((WebViewPage)this.helper.ViewDataContainer).OutputStack.Push(new StringWriter());

            this.identifier = identifier ?? EMPTY_IDENTIFIER;
            this.isOnlyOne = isOnlyOne;
        }

        /// <summary>
        /// Append the internal content to the context's cached list of output delegates
        /// </summary>
        public void Dispose() {
            // render the internal content of the injection block helper
            // make sure to pop from the stack rather than just render from the Writer
            // so it will remove it from regular rendering
            var content = ((WebViewPage)this.helper.ViewDataContainer).OutputStack;
            var renderedContent = content.Count == 0 ? string.Empty : content.Pop().ToString();

            // if we only want one, remove the existing
            var queue = GetQueue(this.helper, this.identifier);

            // get the index of the existing item from the alternate storage
            var existingIdentifiers = _GetOrSet(this.helper, new Dictionary<string, int>(), UNIQUE_IDENTIFIER_KEY);

            // only save the result if this isn't meant to be unique, or
            // if it's supposed to be unique and we haven't encountered this identifier before
            if( null == this.isOnlyOne || !existingIdentifiers.ContainsKey(this.isOnlyOne) ) {
                // remove the new writing context we created for this block
                // and save the output to the queue for later
                queue.Enqueue(renderedContent);

                // only remember this if supposed to
                if(null != this.isOnlyOne) existingIdentifiers[this.isOnlyOne] = queue.Count; // save the index, so we could remove it directly (if we want to use the last instance of the block rather than the first)
            }
        }
    }


    /// <summary>
    /// <para>Start a delayed-execution block of output -- this will be rendered/printed on the next call to <see cref="RenderDelayed"/>.</para>
    /// <para>
    /// <example>
    /// Print once in "default block" (usually rendered at end via <code>@Html.RenderDelayed()</code>).  Code:
    /// <code>
    /// @using (Html.Delayed()) {
    ///     <b>show at later</b>
    ///     <span>@Model.Name</span>
    ///     etc
    /// }
    /// </code>
    /// </example>
    /// </para>
    /// <para>
    /// <example>
    /// Print once (i.e. if within a looped partial), using identified block via <code>@Html.RenderDelayed("one-time")</code>.  Code:
    /// <code>
    /// @using (Html.Delayed("one-time", isOnlyOne: "one-time")) {
    ///     <b>show me once</b>
    ///     <span>@Model.First().Value</span>
    /// }
    /// </code>
    /// </example>
    /// </para>
    /// </summary>
    /// <param name="helper">the helper from which we use the context</param>
    /// <param name="injectionBlockId">optional unique identifier to specify one or many injection blocks</param>
    /// <param name="isOnlyOne">extra identifier used to ensure that this item is only added once; if provided, content should only appear once in the page (i.e. only the first block called for this identifier is used)</param>
    /// <returns>using block to wrap delayed output</returns>
    public static IDisposable Delayed(this HtmlHelper helper, string injectionBlockId = null, string isOnlyOne = null) {
        return new DelayedInjectionBlock(helper, injectionBlockId, isOnlyOne);
    }

    /// <summary>
    /// Render all queued output blocks injected via <see cref="Delayed"/>.
    /// <para>
    /// <example>
    /// Print all delayed blocks using default identifier (i.e. not provided)
    /// <code>
    /// @using (Html.Delayed()) {
    ///     <b>show me later</b>
    ///     <span>@Model.Name</span>
    ///     etc
    /// }
    /// </code>
    /// -- then later --
    /// <code>
    /// @using (Html.Delayed()) {
    ///     <b>more for later</b>
    ///     etc
    /// }
    /// </code>
    /// -- then later --
    /// <code>
    /// @Html.RenderDelayed() // will print both delayed blocks
    /// </code>
    /// </example>
    /// </para>
    /// <para>
    /// <example>
    /// Allow multiple repetitions of rendered blocks, using same <code>@Html.Delayed()...</code> as before.  Code:
    /// <code>
    /// @Html.RenderDelayed(removeAfterRendering: false); /* will print */
    /// @Html.RenderDelayed() /* will print again because not removed before */
    /// </code>
    /// </example>
    /// </para>

    /// </summary>
    /// <param name="helper">the helper from which we use the context</param>
    /// <param name="injectionBlockId">optional unique identifier to specify one or many injection blocks</param>
    /// <param name="removeAfterRendering">only render this once</param>
    /// <returns>rendered output content</returns>
    public static MvcHtmlString RenderDelayed(this HtmlHelper helper, string injectionBlockId = null, bool removeAfterRendering = true) {
        var stack = DelayedInjectionBlock.GetQueue(helper, injectionBlockId);

        if( removeAfterRendering ) {
            var sb = new StringBuilder(
#if DEBUG
                string.Format("<!-- delayed-block: {0} -->", injectionBlockId)
#endif
                );
            // .count faster than .any
            while (stack.Count > 0) {
                sb.AppendLine(stack.Dequeue());
            }
            return MvcHtmlString.Create(sb.ToString());
        } 

        return MvcHtmlString.Create(
#if DEBUG
                string.Format("<!-- delayed-block: {0} -->", injectionBlockId) + 
#endif
            string.Join(Environment.NewLine, stack));
    }


}

अजीब। मुझे इस दूसरे धागे के उत्तर की नकल करना याद नहीं है , लेकिन मैंने वहां कुछ बेहतर
लिखा

12

Forloop.HtmlHelpers nuget पैकेज स्थापित करें - यह आंशिक विचारों और संपादक टेम्प्लेट में स्क्रिप्ट प्रबंधित करने के लिए कुछ सहायक जोड़ता है।

कहीं आपके लेआउट में, आपको कॉल करने की आवश्यकता है

@Html.RenderScripts()

यह वह जगह होगी जहां किसी भी स्क्रिप्ट फ़ाइलों और स्क्रिप्ट ब्लॉक को पृष्ठ में आउटपुट किया जाएगा, इसलिए मैं इसे लेआउट में आपकी मुख्य लिपियों के बाद और एक स्क्रिप्ट अनुभाग के बाद (यदि आपके पास एक है) डालने की सलाह देगा।

यदि आप बंडल के साथ वेब ऑप्टिमाइज़ेशन फ़्रेमवर्क का उपयोग कर रहे हैं, तो आप अधिभार का उपयोग कर सकते हैं

@Html.RenderScripts(Scripts.Render)

ताकि इस पद्धति का उपयोग स्क्रिप्ट फ़ाइलों को लिखने के लिए किया जाए।

अब, किसी भी समय आप स्क्रिप्ट फ़ाइलों या ब्लॉकों को एक दृश्य, आंशिक दृश्य या टेम्पलेट में जोड़ना चाहते हैं, बस उपयोग करें

@using (Html.BeginScriptContext())
{
  Html.AddScriptFile("~/Scripts/jquery.validate.js");
  Html.AddScriptBlock(
    @<script type="text/javascript">
       $(function() { $('#someField').datepicker(); });
     </script>
  );
}

मददगार सुनिश्चित करते हैं कि केवल एक स्क्रिप्ट फ़ाइल संदर्भ प्रदान किया जाता है अगर कई बार जोड़ा जाता है और यह भी सुनिश्चित करता है कि स्क्रिप्ट फ़ाइलों को एक अपेक्षित क्रम में प्रदान किया गया है अर्थात

  1. ख़ाका
  2. विभाजन और टेम्पलेट (जिस क्रम में वे दृश्य में दिखाई देते हैं, ऊपर से नीचे)

5

इस पोस्ट ने वास्तव में मेरी मदद की इसलिए मैंने सोचा कि मैं मूल विचार के अपने कार्यान्वयन को पोस्ट करूंगा। मैंने एक सहायक फ़ंक्शन पेश किया है जो @ Html.Resource फ़ंक्शन में उपयोग के लिए स्क्रिप्ट टैग वापस कर सकता है।

मैंने एक साधारण स्टेटिक क्लास भी जोड़ा ताकि जेएस या सीएसएस संसाधन की पहचान करने के लिए टाइप किए गए चर का उपयोग कर सकूं।

public static class ResourceType
{
    public const string Css = "css";
    public const string Js = "js";
}

public static class HtmlExtensions
{
    public static IHtmlString Resource(this HtmlHelper htmlHelper, Func<object, dynamic> template, string Type)
    {
        if (htmlHelper.ViewContext.HttpContext.Items[Type] != null) ((List<Func<object, dynamic>>)htmlHelper.ViewContext.HttpContext.Items[Type]).Add(template);
        else htmlHelper.ViewContext.HttpContext.Items[Type] = new List<Func<object, dynamic>>() { template };

        return new HtmlString(String.Empty);
    }

    public static IHtmlString RenderResources(this HtmlHelper htmlHelper, string Type)
    {
        if (htmlHelper.ViewContext.HttpContext.Items[Type] != null)
        {
            List<Func<object, dynamic>> resources = (List<Func<object, dynamic>>)htmlHelper.ViewContext.HttpContext.Items[Type];

            foreach (var resource in resources)
            {
                if (resource != null) htmlHelper.ViewContext.Writer.Write(resource(null));
            }
        }

        return new HtmlString(String.Empty);
    }

    public static Func<object, dynamic> ScriptTag(this HtmlHelper htmlHelper, string url)
    {
        var urlHelper = new UrlHelper(htmlHelper.ViewContext.RequestContext);
        var script = new TagBuilder("script");
        script.Attributes["type"] = "text/javascript";
        script.Attributes["src"] = urlHelper.Content("~/" + url);
        return x => new HtmlString(script.ToString(TagRenderMode.Normal));
    }
}

और उपयोग में है

@Html.Resource(Html.ScriptTag("Areas/Admin/js/plugins/wysiwyg/jquery.wysiwyg.js"), ResourceType.Js)

@Darin दिमित्रोव का धन्यवाद जिन्होंने मेरे सवाल का जवाब यहां दिया


2

HtmlHelper का उपयोग करते हुए आंशिक से एक उस्तरा अनुभाग पॉप्युलेट में दिया गया उत्तर RequireScriptउसी पैटर्न का अनुसरण करता है। इसका एक लाभ यह भी है कि यह उसी जावास्क्रिप्ट URL के डुप्लिकेट संदर्भों की जांच करता है और दबाता है, और इसमें एक स्पष्ट priorityपैरामीटर होता है जिसका उपयोग ऑर्डरिंग को नियंत्रित करने के लिए किया जा सकता है।

मैंने इसके लिए विधियों को जोड़कर इस समाधान को बढ़ाया:

// use this for scripts to be placed just before the </body> tag
public static string RequireFooterScript(this HtmlHelper html, string path, int priority = 1) { ... }
public static HtmlString EmitRequiredFooterScripts(this HtmlHelper html) { ... }

// use this for CSS links
public static string RequireCSS(this HtmlHelper html, string path, int priority = 1) { ... }
public static HtmlString EmitRequiredCSS(this HtmlHelper html) { ... }

मुझे डारिन के &0 के समाधान पसंद हैं, हालांकि जब से वे HelperResultटेम्पलेट का उपयोग करते हैं , जो स्क्रिप्ट और सीएसएस ब्लॉकों के लिए अनुमति देता है, न कि केवल जावास्क्रिप्ट और सीएसएस फ़ाइलों के लिए लिंक।


1

@ दारिन दिमित्रोव और @ eth0 बंडल एक्स्टेंशन उपयोग के साथ उपयोग करने के लिए उत्तर:

@Html.Resources(a => new HelperResult(b => b.Write( System.Web.Optimization.Scripts.Render("~/Content/js/formBundle").ToString())), "jsTop")
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.