Razor Html in JSON String

Question

I'm trying to use Razor markup with HTML inside a JSON string to work with an Infragistics GridView in a MVC application. Yes, it's quite the workaround, but it's better than recoding the entire controller to be able to use the Infragistics data binding tool (especially since I'm working with DB2 and not anything like MSSQL).

Anyway, the code in one of my views is as follows:

<script type="text/javascript">
    var data = [];

    var i = 0;
    @foreach (var item in Model)
        {
            var width = item.count_primary / item.count_total;
            <text>
                data[i] = {
                    "omkt": '@item.omkt', "dmkt": '@item.dmkt', "ibu": '@item.ibu',              
                    "count_total": '@item.count_total', "count_primary": '@item.count_primary',
                    "primary_ratio": '@item.count_primary' / '@item.count_total',
                    "primary_ratio_graph": "<td><div style=\"background-color:#00F;width:@width%;height:10px;border:1px solid #000;\"><\/td>"
            };
            i++;
        </text>
    }
...

The issue is a parsing error that occurs on the primary_ratio_graph line. I'm using escape characters on all the quotes, but do I need to be using escape characters on anything else?

kmacdonald · Accepted Answer · 2014-03-27 21:48:51Z

4

you are escaping the forward slash. I don't think you have to escape the forward slash on the end tag of your td element. try this:

"<td><div style=\"background-color:#00F;width:@width%;height:10px;border:1px solid #000;\"></td>"

answered Mar 27, 2014 at 21:48

kmacdonald

3,5112 gold badges21 silver badges22 bronze badges

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

2 Comments

krillgar Over a year ago

Javascript is different than C#. Both single and double quotes will work for strings. You don't even need to escape those double quotes around your style, you can just use single quotes.

kmacdonald Over a year ago

Actually because he is using razor he does. Otherwise you will end up with a compile time error. Remember that razor is actually using the .net stack to create a view. it is not raw HTML.

Collectives™ on Stack Overflow

Razor Html in JSON String

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related