Push List<string> into dictionary value in javascript

Question

I want to push List of type string into value dictionary in js script. Js dictionary should contain key DateTime, and List as a value.

@foreach (KeyValuePair<DateTime, List<string>> item in Model.AssignedAttractions)
{
    <script type="text/javascript">
        var dictionary = [];

        $(function () {
            dictionary.push({
                key: @item.Key.ToShortDateString(),
                value: @item.Value.ToArray(),
            });
        });
    </script>
}

Presented solution value: @item.Value.ToArray()is not working.

Should it work in Razor View? It shows me Json doesn't contain definition Serialize — maciejka
– maciejka, Commented Sep 10, 2017 at 13:26
No change after added import. Should Json be imported from System.Web.Helpers? — maciejka
– maciejka, Commented Sep 10, 2017 at 13:30
sorry try with @Html.Raw(JsonConvert.SerializeObject(item.Value)) — adiga
– adiga, Commented Sep 10, 2017 at 13:30

adiga · Accepted Answer · 2017-09-10 13:59:20Z

1

Add @using Newtonsoft.Json to your View. And then,

dictionary.push({
    key: @item.Key.ToShortDateString(),
    value: @Html.Raw(JsonConvert.SerializeObject(item.Value)),
});

JsonConvert.SerializeObject converts your C# object to a JSON string

You could also avoid the loop like this:

@Html.Raw(JsonConvert.SerializeObject(Model.AssignedAttractions.Select(a => new { key = a.Key.ToShortDateString(), value = a.Value })));

edited Sep 10, 2017 at 13:59

answered Sep 10, 2017 at 13:54

adiga

35.4k9 gold badges66 silver badges88 bronze badges

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

Collectives™ on Stack Overflow

Push List<string> into dictionary value in javascript

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