Passing data from Partial View to its parent View

Question

If I have a View and a Partial View, is there any way that I can pass data from the Partial View to the parent?

So if I have View.cshtml:

Answer 1

So after some thought I came up with this:

View.cshtml:

@{ 
    dynamic properties = new NullingExpandoObject();

    var result = Html.Partial("_PartialView", (NullingExpandoObject)properties); 
}

<div id="@properties.Id">
    @result
<div>

_PartialView.cshtml:

@{ Model.Id = "foo"; }

<div>
    Content
</div>

Where NullingExpandoObject is Jon Skeet's nullable dynamic dictionary

Answer 2

I have a suggestion for you.

Put hidden input fields in the partial view and get them from javascript.

Ex: In _PartialView.cshtml

<input type="hidden" id="someDataFromPartialSomehow" value="5" />

In your view

<script>
$(document).ready(function(){
   var someDataFromPartialSomehow = $("#someDataFromPartialSomehow").val();
});
</script>

Note that you have to write the js function inside the document ready function because the partial view should be fully loaded.

Answer 3

You could share state between views using the HttpContext.

@{
    this.ViewContext.HttpContext.Items["Stuff"] = "some-data";
}

and then:

@{ var result = Html.Partial("_PartialView"); }

<div id="@this.ViewContext.HttpContext.Items["Stuff"]">
    @result
<div>

Except that the example you have shown in your question:

<div id="@someDataFromPartialSomehow">
    @Html.Partial("_PartialView")
</div>

you are attempting to use the someDataFromPartialSomehow even BEFORE invoking the partial view which obviously is impossible.

Also bear in mind that what you are trying to achieve is bad design. If a partial view can only work in the context of some specific parent, then you might need to rethink your separation of views. Partial views is something that must be INDEPENDENT and REUSABLE, no matter in which context it is being placed. If it assumes things about the hosting parent then there's a serious design problem here.

Answer 4

You can simply use javascript for this. I have this hidden textbox in partial view and i want to access it's value in parent view

<input type="text" name="allexamcount" id="allexamcount" value="@TempData["allexamcnt"]" hidden />

So, simplest way is as follow:

var allexamcount = document.getElementById("allexamcount").value;
document.getElementById("examcount").value = allexamcount ;

Answer 5

The simpler thing you could do is in _PartialView.cshtml:

@model dynamic
@{ 
    Model.Stuff = "stuff things";
}

and in parent view:

@{ 
    Html.RenderPartial("_PartialView", (object) ViewBag);
}

then in parent view you can use:

@ViewBag.Stuff