How to access MVC PartialView Model in Javascript?

Question

For accessing Model of View by Javascript I can use

var additional = '@Html.Raw(Json.Encode(Model))';

But how about Model of Partial view from the main view?

The problem I'm facing is I load partial view into a Keno UI window widget via jQuery ajax call, Inside the partial view I have Upload widget and it has some event ( ie: onUpload event ) , if i put the onUpload event inside the partialview, it doesn't recognize it. So I had to put it in Main view.

In that case '@Html.Raw(Json.Encode(Model))' return the Model of Main view and not the partial one.

Any ideas on how to resolve this problem?

How do you load in the partialview ? Via a JavaScript ajax call? or is it via a @{ Html.RenderAction("YourView"); } — scgough
– scgough, Commented Jun 4, 2015 at 16:06

Dean.DePue · Accepted Answer · 2015-06-04 16:41:08Z

1

This is the way I have access to all of the model:

 var model = function () { return @Html.Raw(Json.Encode(Model)) }();

The partial view has a model:

  @model SomeModel


  <script type="text/javascript">
     $(document).ready(function() {
        var model = function () { return @Html.Raw(Json.Encode(Model)) }();
      });
   </script>

edited Jun 4, 2015 at 16:41

answered Jun 4, 2015 at 16:26

Dean.DePue

1,0131 gold badge21 silver badges47 bronze badges

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

1 Comment

Dindar Over a year ago

Thank you Dean , But as mentioned in the question , it return the model of main view and not the partial.

scgough · Accepted Answer · 2015-06-04 16:13:23Z

0

Ok, If you're loading the Partial via an Ajax call and you want to initiate a <script> block within the Partial, you could run the following JS on the successful load of the Ajax call (after you've dropped the Partial's HTML on the parent page).

var reponseScript = $(jqXHR.responseText).filter("script");
jQuery.each(reponseScript, function (idx, val) { eval(val.text); })

I'm assuming you're using jQuery there. It will run any Partial's JavaScript blocks.

answered Jun 4, 2015 at 16:13

scgough

5,2723 gold badges33 silver badges56 bronze badges

2 Comments

Dindar Over a year ago

Thank you , But what would this code suppose to do ? Does it cause the java script event in partial view fire ? Because as I try it , It doesn't

scgough Over a year ago

No it should just 'register' it when the partial is loaded into the main view. Then the event should fire 'onupload' as expected. Obviously depends on the JS code in the partial. The idea is the JS code can stay in the partial view and it won't matter it has been loaded in via Ajax. I've used it a few times.

Collectives™ on Stack Overflow

How to access MVC PartialView Model in Javascript?

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related