如何将foreach循环转换为javascript?

时间:2014-03-08 19:30:51

标签: javascript asp.net-mvc-4 razor

我正在尝试在Javascript中创建一个Razor循环。我试过这段代码,但这不行。网页中没有显示任何内容。

代码:

$(function () {
        $('#container').highcharts({
            title: {
                text: 'Monthly Average Temperature',
                x: -20 //center
            },
            subtitle: {
                text: 'Source: WorldClimate.com',
                x: -20
            },
            xAxis: {
                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
                    'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
            },
            yAxis: {
                title: {
                    text: 'Temperature (°C)'
                },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            },
            tooltip: {
                valueSuffix: '°C'
            },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'middle',
                borderWidth: 0
            },
            series: [
@{int i=0, compte = Model.statistique.Count;}
                @foreach (var item in Model.statistique) {
                    <text>
                        {
                            name: '@(item.nomProcessus)',
                            data: [@(item.lundi), @(item.mardi), @(item.mercredi), @(item.jeudi), @(item.vendredi)]
                        }
                    </text>
                    if (i < compte) {
                        @:,
                    }
                    else
                    {
                        @:]
                    }
                    i++;
                }
});
});

原始代码:

jsFiddle

如何使foreach razor循环适用于它?

有什么好主意吗?

1 个答案:

答案 0 :(得分:0)

试试这个

   series: [
            @foreach(var item in Model)
            {
                @:{ name: '@item.nomProcessus', data: [@(item.lundi), @(item.mardi), @(item.mercredi), @(item.jeudi), @(item.vendredi)] },
            }
]

注意:你不必担心最后一次昏迷。这是可以接受的。