Convert PartialView to HTML

Question

I am just wondering if it is possible to convert

PartialView("_Product", model)

to html so we can send it back with JSON ?

return Json(result, JsonRequestBehavior.AllowGet);

score 35 · Accepted Answer · edited Aug 08 '18 at 08:58

35

Absolutely, put the following method in a shared controller or a helper class. It will return the rendered view in HTML, the usage is self explainatory:

public static string RenderViewToString(ControllerContext context, string viewName, object model)
{
    if (string.IsNullOrEmpty(viewName))
        viewName = context.RouteData.GetRequiredString("action");

    var viewData = new ViewDataDictionary(model);

    using (var sw = new StringWriter())
    {
        var viewResult = ViewEngines.Engines.FindPartialView(context, viewName);
        var viewContext = new ViewContext(context, viewResult.View, viewData, new TempDataDictionary(), sw);
        viewResult.View.Render(viewContext, sw);

        return sw.GetStringBuilder().ToString();
    }
}

edited Aug 08 '18 at 08:58

Uwe Keim

39,551
56
175
291

answered Aug 20 '13 at 19:28

Leo Nix

2,085
2
24
37

1

U are awesome genius man! :) – NoWar Aug 20 '13 at 19:37
@Leo Nix How should I create the context argument? I tried to initialize an instance but I don't know the ControllerBase argument of its constructor. – Hosein Feb 07 '16 at 14:44
you don't need to create one if you use it in the context a controller action: ControllerContext is a property of the controller so just pass it in. https://goo.gl/pp5AkR – Leo Nix Feb 07 '16 at 23:19
Say you're trying to render a partial view in HTML rather than calling it from the controller. Then what do you use as the context? e.g. ` – Levi Fuller Jul 14 '16 at 22:34
Thanks mate, you saved my day :) – Mehmet Taha Meral Feb 06 '17 at 00:53

score 11 · Answer 2 · edited Aug 08 '18 at 08:56

11

I don't know if it is best practice or not, but if you left it as it is

return PartialView("_Product", model)

Then you can call the method using AJAX:

$.ajax ({
  type: "POST",
        url: _url,
        data: _data,
        success: function (result) {
            // the result is the returned html from the partial view
        }
})

edited Aug 08 '18 at 08:56

AStopher

4,207
11
50
75

answered Aug 20 '13 at 19:55

Hager Aly

1,113
9
25

Convert PartialView to HTML

2 Answers2

Linked