Come aggiungere codice di riferimento JavaScript o css da un modello di editor

Question

Diciamo che avevamo uno scenario in cui la nostra app non avrebbe utilizzato jqueryui, ad eccezione di un particolare modello di editor. Se voglio evitare di inserire jqueryui su ogni pagina (cioè non voglio includerlo nei bundle che sono caricati di default nel mio _Layout.cshtml), come posso avere il modello di editor include il jqueryui.js e jqueryui.css file per me in un modo che non risulterebbe in più riferimenti a quei file, e metterebbe i riferimenti nell'intestazione o alla fine del mio corpo invece di inline?

Ecco quello che ho provato nel mio editor di modelli che non ha sembrano funzionare:

@System.Web.Optimization.Scripts.Render("~/bundles/jqueryui") 
@System.Web.Optimization.Styles.Render("~/Content/jqueryuistyles") 

Questa aggiunti i tag di script e di collegamento, ma rende i tag una volta per l'uso dell'editor template, e li rende anche in linea, quindi nel mio caso, prima che jQuery sia stato caricato nella parte inferiore del corpo.

@section Scripts{ <script src="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/bundles/jqueryui")"></script> } 

Questo corrisponde a quanto io includo il fagotto nel mio _Layout.cshtml, ma questo a quanto pare non funziona da un editor di modelli. Nulla è stato reso a tutti, e anche se lo fosse, penso che sarebbe ancora in più riferimenti al file JavaScript (1 per volta che il modello di editor è stato chiamato)

Sembra che ci dovrebbe essere un modo per avere un modello di editor fa scattare l'inclusione di un file JavaScript o css che può collegarsi ai bundle o almeno al sistema @section. Qualcuno sa come fare questo?

Answer 1

All'interno della vostra pagina di _Layout.cshtml si può avere una sezione facoltativa JQuery UI

@RenderSection("JQueryUIOptional", required: false) 

Poi, quando la visualizzazione viene chiamato, il rendering che la sezione con:

@section JQueryUIOptional 
{ 
    <script type="text/javascript" src="@Url.Content("~/Scripts/path-To-Jquery-UI.js")"></script> 
    <link href="@Url.Content("~/Content/styles/path-to-JqueryUIstyles.css")" rel="stylesheet" type="text/css" /> 
} 

Answer 2

Un modo per ottenere questo risultato può essere richiedere i file javascript richiesti utilizzando il contesto di richiesta corrente. Ad esempio all'interno di editor di modelli è possibile scrivere qualcosa di simile per richiedere un javascript includono

HttpContext.Current.Items["Required.Script"] = "~/myeditortemplate.js"; 

Poi nel layout poco prima del rendering di qualsiasi sezione script opzionale si può rendere script richiesto, cercando in contesto attuale

Scripts.Render(HttpContext.Current.Items["Required.Script"].ToString()) 

Dove script utilizza i pacchetti di script in MVC. In alternativa puoi semplicemente emettere il tag script point src nello script richiesto.