Использование Razor в javascript

@Olejan_one · Регистрация: 25.08.2012

Author24 — интернет-сервис помощи студентам

Ребят, подскажите, могу ли я использовать данные из Razor в коде Javascript?
Во вьюхе мне приходит набор данных во ViewData(ну либо во ViewBag,@Model... без разницы)
Могу ли я как то воспользоваться ими в скрипте, к примеру как то так:

HTML5

@model=IEnumerable<Products>;
<script>
var data;  - это переменная для хранения данных моего графика.
 $.each(@Model, function (index, c) {
            data.addRow(
              [c.Price, c.NameProduct]
            );
        });
</script>

Подскажите можно ли как то передать правильно модель с данными в javascript? Спасибо.

@dotnethood · 04.09.2016, 20:55

Olejan_one, добрый вечер! Вам сперва нужно лист продуктов конвертировать в json. Вместо @Model в секции <scripts> используйте:

C#

1	@Html.Raw(Json.Encode(@Model))

@Olejan_one · 05.09.2016, 12:15 **[ТС]**

Спасибо, уже сам разобрался, у меня так получилось:
1. Сериализуем на сервере:

C#

1
2
3

 lst= per.getResponcesFromTimePeriod(null).ToList(); //-получаю список
 JavaScriptSerializer serializer = new JavaScriptSerializer();
ViewData["responcecollection"] = serializer.Serialize(lst);

2. На клиенте в джаваскрипте:

Javascript

 var jsonData = JSON.parse('@Html.Raw(ViewData["responcecollection"])');
$.each(jsonData, function (index, c) {
        var t = new Date();
        var formatted = t.toDateString(c.DateRequest); //- дату надо тоже отдельно преобразовывать, она в джейсоне передается как Unix Timestamp  в секундах.
        data.addRow(
          [formatted, c.ResponceTime]
        );
    });

	05.09.2016, 12:15

Использование Razor в javascript

Решение