开发者

Rendering Partial View in code MVC Razor

开发者 https://www.devze.com 2023-04-12 20:58 出处:网络
I\'m using MVC 3 Razor to make a simple CMS for practice purposes, and the idea is that I\'m creating a few partial views.

I'm using MVC 3 Razor to make a simple CMS for practice purposes, and the idea is that I'm creating a few partial views.

I'm wanting to do a database lookup, and see that 3 partial views need rendering to the page.

How would I do this? In WebForms, you call the LoadControl(ControlURL), but I don't see an equivalent here.

Would it be a client side thing?

Edit - I was more thinking of taking a View name from the model, and then rendering that view rather than knowing the name of the view in ad开发者_JAVA百科vance. So a page might have a view named Foo or a view named Bar. The model, at run time will tell the controller action which view to render.


There are two methods that you can use to render a "control".

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

You can also render other actions.

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

Notice the second of each one is surrounded by @{ } this is because they do not return a string but render directly to the stream.


Another way

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


Also, consider @Html.Action() instead of Partial View


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

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号