How to output MVC / C# object to Javascript object?

Question

I have a C# model that gets populated through its constructor. I would like to place this object in my _Layout.cshtml so my Javascript can use it as settings.

Here is what my model looks like:

public class SomeConfig
{
    public string PropertyA { get; set; }
    public string PropertyB { get; set; }
    public string PropertyC { get; set; }

    public SomeConfig()
    {
        PropertyA = SystemSettings.getSetting(KEYA);
        PropertyB = SystemSettings.getSetting(KEYB);
        PropertyC = SystemSettings.getSetting(KEYC);
    }
}

I would like to initialize and output this in _Layout.cshtml so all my other views can use it. So far I am only able to figure out how to do this manually in _Layout.cshtml like this:

<script type="text/javascript">
    MyNamespace.someConfig = {
        PropertyA: @SystemSettings.getSetting(KEYA),
        PropertyB: @SystemSettings.getSetting(KEYB),
        PropertyC: @SystemSettings.getSetting(KEYC)
    }
</script>

This is horrible because every time the SomeConfig.cs model gets extended, I have to remember to extend it manually client-side. Is there a way to initialize it in the _Layout.cshtml so it creates a Javascript object dynamically?

Json.Net is pretty good........

erikkallen
– erikkallen

2012-05-15 18:21:58 +00:00
Commented May 15, 2012 at 18:21 — erikkallen
– erikkallen, Commented May 15, 2012 at 18:21

Thinking Sites · Accepted Answer · 2012-05-15 18:14:23Z

8

Try instead to do

<script type="text/javascript">
    MyNamespace.someConfig =  @Json.Encode(SystemSettings);
</script>

answered May 15, 2012 at 18:14

Thinking Sites

3,54219 silver badges31 bronze badges

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

1 Comment

TruMan1 Over a year ago

Awesome! I had to add Html.Raw(..) in front of it and worked great. Thanks!

Collectives™ on Stack Overflow

How to output MVC / C# object to Javascript object?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related