web-dev-qa-db-fra.com

Rendu partiel Vue en code MVC Razor

J'utilise MVC 3 Razor pour créer un simple CMS à des fins de formation. L'idée est de créer quelques vues partielles. 

Je souhaite effectuer une recherche dans la base de données et voir que 3 vues partielles doivent être rendues sur la page. 

Comment je ferais ça? Dans WebForms, vous appelez le LoadControl (ControlURL), mais je ne vois pas d’équivalent ici.

Serait-ce une chose côté client?

Éditer - Je pensais plutôt prendre un nom de vue du modèle et ensuite rendre cette vue plutôt que de connaître le nom de la vue à l'avance. Ainsi, une page peut avoir une vue nommée Foo ou une vue nommée Bar. Le modèle, au moment de l'exécution, indiquera au contrôleur quelle action afficher.

asp.net-mvc-3viewspartial
19
Paul

Il existe deux méthodes que vous pouvez utiliser pour rendre un "contrôle".

@Html.Partial("ViewName")
@{ Html.RenderPartial("ViewName"); }

Vous pouvez également rendre d'autres actions.

@Html.Action("ActionName", "Controller", new { Values = "yourvalues" })
@{ Html.RenderAction("ActionName", "Controller", new { Values = "yourvalues" }); }

Notez que le second de chaque symbole est entouré de @{ } car ils ne renvoient pas de chaîne, mais le rendent directement dans le flux.

49
Buildstarted

En outre, considérez @Html.Action() au lieu de la vue partielle

1
Felix
Html.RenderPartial("partialview name", Model.class, new ViewDataDictionary { TemplateInfo = new TemplateInfo { HtmlFieldPrefix = "classname" } });

This code can be used to render the partial view in apge.
HTMLfiledprefix is defined to keep the data available in the model

You can use tis code to load a partial view on a button event using ajax
 function partialview() {
        var url = '@Url.Action("action", "controller")';
        var data = $('#frm').serialize();
(to serialize the data in the model before posting to the action)
        var finaldata = data;
        $.ajax({
            type: "post",
            url: url,
            data: finaldata,
            async: false,
            contentType: "application/json; charset=utf-8",
            error: function (xhr) {
                errorRedirecttoErrorController(xhr.error);
            },
            success: function (data) {
                $("#DIVID").html(data);
(div to which the partial view to be loaded)
            }
        });
    }
0
Jain Chengalan

Autrement 

@RenderPage("~/Views/Shared/LeftMenu.cshtml")
0
Fatih