MVC4 how to pass value to Html.Partial in javascript?

Question

MVC4, on the click on dropdown item javascript function is called in view's 'scripts' section. Function makes ajax call to controller action, Json data returned. I need to pass some returned values to Html.Partial() to render in . How to accomplish that? Those value "do not exist in the current context" for Html.Partial().

VIEW : MyView

<div>@Html.DropDownList("listId", list, new { onChange=showText() }</div>
<div id="divMyText" ></div>

@section scripts{

function showText()
{
    var val1 = 1;

    $.ajax({
       type:"POST",
       url: "/Home/MyAction",
       data: {parm1:val1},
       success: function (result){
          renderMyView(result.id);
       }
    });
}

function renderMyView(id)
{
   $('#divMyText').html('@Html.Partial("MyView", new MyViewModel (id))');  // id here is Not 'visible' for MyViewModel. 
}

}

CONTROLLER actions:

public ActionResult MyAction(int parm1)
{
   .......
   return Json (myObject);
}

public ActionResult MyView (int id)
{
    MyViewModel model = new MyViewModel(id);
    return View(model);
}

How to pass id value to MyViewModel in Html.Partial statement ? Thank you

i am afraid you cannot do like this

Ehsan Sajjad
– Ehsan Sajjad

2014-10-11 16:57:11 +00:00
Commented Oct 11, 2014 at 16:57 — Ehsan Sajjad
– Ehsan Sajjad, Commented Oct 11, 2014 at 16:57

Matt Bodily · Accepted Answer · 2014-10-11 17:04:23Z

1

you need to combine them on the controller side. Change my action to

public PartialViewResult MyAction (int id)
{
    MyViewModel model = new MyViewModel(id);
    return PartialView("PartialName", model);
}

then in your script instead of calling your render view function

$('#divMyText').html(result);

this will take the returned partial view with the tied model and put it into the div

answered Oct 11, 2014 at 17:04

Matt Bodily

6,4134 gold badges32 silver badges51 bronze badges

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

1 Comment

Karen Slon Over a year ago

And no need for action MyView() ?

Collectives™ on Stack Overflow

MVC4 how to pass value to Html.Partial in javascript?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related