Comment rendre le code JavaScript en MasterLayout section partielle de la vue?

Donné MVC3 et moteur de Rasoir, j'ai eu

_MasterLayout.cshtml

@RenderSection("JavaScript", required: false)
..
..
@RenderBody()
..

Vue.cshtml avec _MasterLayout.cshtml défini dans _ViewStart.cshtml

..
@Html.RenderAction("PartialView", "PartialController")
..

PartialView.cshtml

..
@section JavaScript
{
........
}
..

Comment puis-je m'assurer que JavaScript Vue Partielle se termine dans la matrice de Mise en page de la section?

Modifier

Le scénario ci-dessus ne fonctionne pas car la vue partielle n'a pas un maître de la mise en page définie. Vue, d'autre part, n'ont Mise en page avec RenderSection défini. Si je déplace la section JavaScript Partielle pour l'Afficher, le Rasoir ne sait où pour la rendre aux. Mais, depuis vue partielle n'ont pas de mise en page, il ne sait pas quoi faire avec la section JavaScript et n'a donc pas de rendre n'importe où.

  • Je ne comprends pas la question - n'est-ce pas le travail? Si non, pourquoi pas? Ne vous obtenez une erreur? Ne RenderSection() remplacé par rien?
  • Tuppeny - j'ai ajouté à la question, laissez-moi savoir si cela a du sens. Merci.
  • J'ai demandé quelque chose de similaire il y a quelques semaines: stackoverflow.com/questions/5355427/...
InformationsquelleAutor Dimskiy | 2011-05-12
  1. 7

    Je ne crois pas qu'une Vue Partielle pouvez définir des sections à être utilisé dans la mise en page de la page 🙁

    Il semble qu'il n'y a pas de belles solutions à ce - que vous pourriez inclure deux partiels (l'un pour le script, l'un pour le contenu):

    <script stuff>
@Html.RenderAction("PartialViewScripts", "PartialController")
</script stuff>
<body stuff>
@Html.RenderAction("PartialView", "PartialController")
</body stuff>
    • Serait-ce dans la Vue.cshtml?
    • C'est vrai, oui. Et vous auriez besoin de deux Actions sur votre PartialController - un pour la vue, et un pour les scripts. Il n'est pas particulièrement agréable, mais je ne peux pas penser à une meilleure façon maintenant 🙁
    • Ouais, je pensais à une approche similaire en attendant une réponse. En gros, j'ai un conditionnelle à l'intérieur de la vue. Si c'est vrai, j'ai rendu partiel. Je vais juste ajouter la js section à l'intérieur de sursis, sans faire la deuxième vue partielle juste pour le js. Merci pour la réponse.
    InformationsquelleAutor Danny Tuppeny
  2. 20

    J'ai créé un ensemble de méthodes d'extension pour rendre les scripts de blocs (ou autre) à partir d'une partielle, dans la page principale.

    public static class ViewPageExtensions
{  
 private const string SCRIPTBLOCK_BUILDER = "ScriptBlockBuilder";

    public static MvcHtmlString ScriptBlock(
        this WebViewPage webPage,
        Func<dynamic, HelperResult> template)
    {
        if (!webPage.IsAjax)
        {
            var scriptBuilder = webPage.Context.Items[SCRIPTBLOCK_BUILDER] 
                                as StringBuilder ?? new StringBuilder();

            scriptBuilder.Append(template(null).ToHtmlString());

            webPage.Context.Items[SCRIPTBLOCK_BUILDER] = scriptBuilder;

            return new MvcHtmlString(string.Empty);
        }
        return new MvcHtmlString(template(null).ToHtmlString());
    }

    public static MvcHtmlString WriteScriptBlocks(this WebViewPage webPage)
    {
        var scriptBuilder = webPage.Context.Items[SCRIPTBLOCK_BUILDER] 
                            as StringBuilder ?? new StringBuilder();

        return new MvcHtmlString(scriptBuilder.ToString());
    }
}

    Alors il peut être utilisé comme:

    @this.ScriptBlock(
@<script  type='text/javascript'>
    $(document).ready(function () {
        notify('@message', '@Model.Type.ToString()',                    
               '@Model.Type.ToString().ToLower()');
    });
</script>)

    Et ensuite rendus dans la page principale:

    @this.WriteScriptBlocks()

    Découvrez l'article complet ici: Un Script-Bloc de type "modèle" Délégué pour les Scripts de Rasoir Partiels

    • La marque d'une bonne réponse n'est pas juste un lien vers un article qui, de votre propre aveu, "s'en alla" pendant un certain temps. Pourquoi ne pas résumer le post et inclure des exemples de code, de sorte que si le lien ne parvient pas à nouveau les futurs utilisateurs ne sont pas laissés dans l'obscurité. Aussi, soyez prudent lors de l'affichage de copier et coller du texte standard/verbatim des réponses à de multiples questions, celles-ci ont tendance à être marqué comme "spam" par la communauté.
    • Merci pour les commentaires. Je vais ajouter les détails que vous avez mentionné.
    • j'aime beaucoup votre idée. Merci!!!!
    • Comment gérez-vous l'ordre de rendu? Je veux dire, que si certains de ces ScriptBlock appelle arrive APRÈS la WriteScriptBlocks appel?
    • ce qui se fait si les pages s'est rendu sans mise en page, par exemple comme un partiel de la demande de code côté client
    • J'ai relu vous de la mise en œuvre, il est simple mais brillante, ce devrait être sur le défaut mvc mise en œuvre.

    InformationsquelleAutor Jason Wicker
  3. 0

    Cela a fonctionné pour moi, me permettant de co-localiser javascript et html pour la vue partielle dans le même fichier pour en faciliter la lecture

    En Vue qui utilise la Vue Partielle appelée "_MyPartialView.cshtml"

    <div>
    @Html.Partial("_MyPartialView",< model for partial view>,
            new ViewDataDictionary { { "Region", "HTMLSection" } } })
</div>

@section scripts{

    @Html.Partial("_MyPartialView",<model for partial view>, 
                  new ViewDataDictionary { { "Region", "ScriptSection" } })

 }

    En Vue Partielle de fichier

    @model SomeType

@{
    var region = ViewData["Region"] as string;
}

@if (region == "HTMLSection")
{


}

@if (region == "ScriptSection")
{
        <script type="text/javascript">
    </script">
}
    InformationsquelleAutor purvin