ASP.Net MVC: Partial view not rendering

Question

i am bit new in asp.net mvc. i am facing problem for very basic things that my Partial view not rendering. here is the details

i have a main page and one partial view

main page action look like

public ActionResult Index()
{
    return View();
}

main index view look like

@model Testing.Models.Employee

@{
    ViewBag.Title = "Home Page";
}

<div class="row">

</div>

<div class="row">
    <div id="formsIndex">
    @{
        Html.Partial("_TestForm");
    }
    </div>
</div>

@section scripts {
       <script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
}

here i am showing a partial view like this way Html.Partial("_TestForm"); but no UI comes for partial view.

partial view code look like

@model Testing.Models.Employee

@using (Ajax.BeginForm("Index", "Home", new AjaxOptions { HttpMethod = "POST", UpdateTargetId = "formsIndex" }))
{
    @Html.AntiForgeryToken()

    <div class="form-horizontal">

        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        <div class="form-group">
            @Html.LabelFor(model => model.Name, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Name, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.City, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.City, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.City, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.Address, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Address, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Address, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Save" class="btn btn-primary" />
            </div>
        </div>
    </div>
}

when i pass model to partial view this way Html.Partial("_TestForm", Model); then also no UI comes.

please tell me where i made the mistake ?

Murat Oğuzhan · Accepted Answer · 2018-01-17 13:07:56Z

2

use in method return PartialView() and try this

@Html.Partial("_TestForm");

answered Jan 17, 2018 at 13:07

Murat Oğuzhan

91513 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

JLRishe · Accepted Answer · 2018-01-17 13:08:52Z

2

Using Html.Partial inside a @{ ... } block will just call the method and throw the result away.

You should call it outside of a @{ ... } block, prefixed with @, and remember to pass in the model:

<div id="formsIndex">
@Html.Partial("_TestForm", Model);
</div>

answered Jan 17, 2018 at 13:08

JLRishe

102k19 gold badges138 silver badges171 bronze badges

Comments

Azhar · Accepted Answer · 2018-01-17 13:11:31Z

1

Render like this

@Html.Action("_Partialview", "controllerName")

also create action methode of partial view

public ActionResult _Partialview
{
    Employee _objModel= new Employee ()
    return PartialView(_objModel);
}

answered Jan 17, 2018 at 13:11

Azhar

3435 silver badges11 bronze badges

Collectives™ on Stack Overflow

ASP.Net MVC: Partial view not rendering

main page action look like

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

main page action look like

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related