MVC3 Razor foreach问题

Question

我有一个模型，它为可变数量的用户返回 IEnumerable 的足球选秀权。因此，我动态构建了一个具有可变列数的 html 表。基本上，我的选择会像这样回来。但是，每个游戏都会为每个用户重复，因此我只添加每个表行的前 3 列一次，然后仅添加一个标签，直到游戏 ID 发生变化。我知道可能有更好的方法来做到这一点，但这只是我需要快速完成的一个副项目。而且，我只是想弄清楚为什么它不起作用。

    GameID
    GameDateTimeDisplay
    GameTeamDisplay
    WinningTeamDisplay
    PickedTeamAbbr

好吧，这就是行不通的疯狂之处。我可以成功创建表头，但 tbody 无法工作，但在一个奇怪的地方出错。

我必须将所有 @Html.Raw(...) 内容放在那里，因为在没有它们的情况下很难找到 foreach 和 if 语句的结束标记。

无论如何，这是我的代码。导致异常的行是这样的： @gameID = @pick.Game.GameID;

例外是 -->编译器错误消息：CS1525：无效的表达式术语“=” 智能感知将 @gameID 显示为变量，并且 @pick.Game.GameID 似乎也是正确的。

<table>
        <thead>
            <tr>
            <th>Game</th>
            <th>Game Date/Time</th>
            <th>Winner</th>
            @foreach(var name in @Model.UserNames) { 
                <th>@name</th>   
            }
            </tr>
        </thead>
        <tbody>
            @{
            int lastGameID = 0;
            int gameID = 0;
            bool firstGame = true;
            }

            @foreach(var pick in @Model.Picks) {
                @gameID = @pick.Game.GameID;
                if(@gameID != @lastGameID) { 
                    if(!@firstGame){
                        <text>@Html.Raw("</tr>")</text>
                    }
                    @Html.Raw(
                    <tr> 
                        <td>@pick.GameTeamDisplay</td>
                        <td>@pick.GameDateTimeDisplay</td>
                        <td>@pick.Game.WinningTeam.TeamAbbr</td>
                        <td>@pick.PickedTeamAbbr</td>             
                    )

                }
                else {
                    @Html.Raw(<td>@pick.PickedTeamAbbr</td>)
                }
            }    
            @Html.Raw(</tr>)

        </tbody>
    </table>

更新： 我删除了 @Html.Raw 等...还将 gameID 分配包装在 @{} 中。现在这行给我一个错误， @{gameID = @pick.Game.GameID;}

编译错误：CS1501：方法“Write”没有重载需要 0 个参数

以下是更新后的代码：

    @foreach(var pick in @Model.Picks) {
        @{gameID = @pick.Game.GameID;}
        if(@gameID != @lastGameID) { 
            if(!@firstGame){
                @:</tr>
            }

            @:<tr> 
                <td>@pick.GameTeamDisplay</td>
                <td>@pick.GameDateTimeDisplay</td>
                <td>@pick.Game.WinningTeam.TeamAbbr</td>
                <td>@pick.PickedTeamAbbr</td>             
        }
        else {
            <td>@pick.PickedTeamAbbr</td>
        }
    }    
    </tr>

Answer 1

您需要用 { } 将其包围以使其成为代码块

@{gameID = pick.Game.GameID;}

此外，您不需要 foreach< 内的 @ /code>/if 语句，因为它们是代码块。

例如你可以写：

foreach(var name in Model.UserNames) {

Answer 2

只需在代码块中写入

          @foreach(var pick in Model.Picks) {
                <tr> 
                    <td>@pick.GameTeamDisplay</td>
                    <td>@pick.GameDateTimeDisplay</td>
                    <td>@pick.Game.WinningTeam.TeamAbbr</td>
                    <td>@pick.PickedTeamAbbr</td>             
                </tr>
        }

You don't need @ 即可。您可以使用 @: 代替 , Html.Raw

您可以在这里看到 Razor 语法参考

Answer 3

我确定我的 Razor 视图代码太复杂了。真正的问题是我试图强制一个视图与我为另一个视图创建的模型一起工作。我最终专门为此视图创建了更多模型。代码更加简洁，而且最重要的是它可以工作！这是我最终得到的代码。

    <table>
        <thead>
            <tr>
            <th>Game</th>
            <th>Game Date/Time</th>
            <th>Winner</th>
            @foreach(var name in @Model.UserNames) { 
                <th>@name</th>   
            }
            </tr>
        </thead>
        <tbody>
           @foreach(var game in @Model.Games) { 
                <tr>
                    <td>@game.GameDescription</td>                    
                    <td>@game.GameDisplayDateTime</td>                    
                    <td>@game.GameWinner</td>                    
                    @foreach(var pick in game.GamePicks){
                        <td>@pick.PlayerPick</td>   
                    }                   
                </tr>               
           }
        </tbody>
    </table>