J＃中的C＃Razor foreach循環語法

Question

我從谷歌圖表中獲得了以下javascript代碼：

function drawTimeChart() {
    var dataArray = generateTimeChartArray();
    var data = google.visualization.arrayToDataTable([
    ['2001', '25'],
      ['2002', 35],
      ['2003', 25],
      ['2004', 55]
    ]);

    var options = {
        title: 'Reported devices in MAUDE based on the term since 1990',
        backgroundColor: '#EFEEEF',
        hAxis: { showTextEvery: 4 }
    };

    var chart = new google.visualization.LineChart(document.getElementById('MaudeTimeChart'));

    chart.draw(data, options);
}

我插入數據的數據我想動態添加。 我試過這樣做：

var data = google.visualization.arrayToDataTable([
                @foreach (var item in Model.NumberOfReportedRecords){
                    [@Html.DisplayFor(modelItem => item.year), @Html.DisplayFor(modelItem => item.Status)]
                 }
                ]);

有誰知道如何使這項工作？

Answer 1

您不需要使用Html.DisplayFor ，因為它將呈現模板而不僅僅是值。 使用簡單的@item.year獲取該值，如：

var data = google.visualization.arrayToDataTable([
                @foreach (var item in Model.NumberOfReportedRecords){
                    ['@item.year', '@item.Status']
                 }
                ]);

更新1。

另外我對你如何定義foreach循環有一些疑問 - 它可能不起作用，但你也可以嘗試類似的東西（ @: 明確指出內容的開始 ）：

@foreach (var item in Model.NumberOfReportedRecords) 
        {
            @:['@(item.year)', '@(item.Status)'],
        }