Localization issue while getting text to jQuery from MVC Model

Question

I am using a jQuery plug-in to display data. The plug-in basically works on JavaScript arrays. I have written the code as below:

var users = [];
@foreach(MyApp.UserModel um in Model.Users)
{
    @:users.push('@um.NameSurname');
}

to push data into a JavaScript array. Actually this code works fine. But I have character issues. Some of the names contain Turkish characters such as "Ş", "Ğ", "Ü", "Ö" which are displayed incorrectly. For example Ç is converted to Ç. In my code I have defined localization as :

<head>
    <meta charset="utf-8" lang="tr" />
</head>

and my JavaScript code looks like

users.push('Test &#199;ADIR');

instead of

users.push('Test ÇADIR');

What am I doing wrong and how can I fix this?

You can just use var users = @Html.Raw(Json.Encode(Model.Users)) to create an array from your collection property. — user3559349
– user3559349, Commented Feb 7, 2018 at 21:17

Ashley Medway · Accepted Answer · 2018-02-07 15:03:31Z

2

Convert your string to an IHtmlString to avoid razor encoding the value.

IHtmlString represents an HTML-encoded string that should not be encoded again.

var users = [];
@foreach(MyApp.UserModel um in Model.Users)
{
    var name = new HtmlString(um.NameSurname);
    @:users.push('@name');
}

Or if you are if your prefer Html.Raw():

var users = [];
@foreach(MyApp.UserModel um in Model.Users)
{
    @:users.push('@Html.Raw(um.NameSurname)');
}

answered Feb 7, 2018 at 15:03

Ashley Medway

7,3197 gold badges54 silver badges73 bronze badges

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

Collectives™ on Stack Overflow

Localization issue while getting text to jQuery from MVC Model

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related