Html.Partial in Javascript

Question

I'm trying to render a partial view within my javascript code. The partial view itself contains JS codes as well, it's a kendo window.

This is my code, with changes suggested in this post:

var win = "@Html.Partial("_GenericWindow").ToString().Replace(Environment.NewLine, "").Replace(" ", "")";

$(".body-content").append(win);

But this code renders string in my page:

<divid="7067ea1a-0425-44a6-99d3-aefb37f088ed"></div><script> jQuery(function(){jQuery("#7067ea1a-0425-44a6-99d3-aefb37f088ed").kendoWindow({"modal":false,"iframe":false,"draggable":true,"scrollable":true,"pinned":false,"title":null,"resizable":true,"content":null,"actions":["Close","Minimize","Refresh"]});});</script>

And finally, this is my partial view:

@{
    var winId = Guid.NewGuid().ToString();
}

@(Html.Kendo().Window()
    .Name(winId)
    .Draggable()
    .Resizable()
    .Actions(actions => actions.Close().Minimize().Refresh())
)

replace ToString() to ToHtmlString().

Aravind Sivam
– Aravind Sivam

2015-04-26 13:34:08 +00:00
Commented Apr 26, 2015 at 13:34 — Aravind Sivam
– Aravind Sivam, Commented Apr 26, 2015 at 13:34
I've tried that before, the result is the same.

Akbari
– Akbari

2015-04-27 02:38:24 +00:00
Commented Apr 27, 2015 at 2:38 — Akbari
– Akbari, Commented Apr 27, 2015 at 2:38

Chintana Meegamarachchi · Accepted Answer · 2015-04-26 11:55:48Z

3

The issue is MVC is preventing you from injecting raw HTML to the response stream.

You can modify your code by introducing @Html.Raw() to tell MVC that you want it to inject the raw HTML

ex..

var win = "@Html.Raw(@Html.Partial("_GenericWindow").ToString().Replace(Environment.NewLine, "").Replace(" ", ""))";

$(".body-content").append(win);

answered Apr 26, 2015 at 11:55

Chintana Meegamarachchi

1,8201 gold badge12 silver badges11 bronze badges

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

8 Comments

Akbari Over a year ago

Thanks Chintana, now I get the Expected ';' error. This is win:

var win = "<div id="f7be8297-92a2-4aef-936b-4b531de497b4"></div><script>	jQuery(function(){jQuery("#f7be8297-92a2-4aef-936b-4b531de497b4").kendoWindow({"modal":false,"iframe":false,"draggable":true,"scrollable":true,"pinned":false,"title":null,"resizable":true,"content":null,"actions":["Close","Minimize","Refresh"]});});</script>";

Akbari Over a year ago

This is my current line: var win = "@Html.Raw(@Html.Partial("_GenericWindow").ToHtmlString().Replace(Environment.NewLine, ""))"; Also, I'll be thankful if you could guide me about getting the window's handle too.

Chintana Meegamarachchi Over a year ago

This might be due to something going wrong at the server side code. You can test this by replacing all code in _GenericWindow with a simple html message and see whether renders

Chintana Meegamarachchi Over a year ago

In that case, you will have to use ajax to call the partial view

Chintana Meegamarachchi Over a year ago

stackoverflow.com/questions/1570127/…

|

Akbari · Accepted Answer · 2015-05-18 06:14:41Z

0

Well, this line works fine:

$('.body-content').load('/Home/win?window='.concat(text));

And the win action will return the partial view.

answered May 18, 2015 at 6:14

Akbari

2,4198 gold badges47 silver badges87 bronze badges

Collectives™ on Stack Overflow

Html.Partial in Javascript

2 Answers 2

8 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related