使用WebMatrix建表

Question

我正在尝试使用WebMatrix (ASP.NET网页)构建一个HTML表，但由于打开和关闭HTML标签的方式而遇到了问题。

我想要实现的是从一个记录集创建一个包含三列的表，然后填充任何空列。

这是我正在使用的一些测试代码，用来研究如何使用WebMatrix来实现这一点。

<table>
@{
 int row = 0;
 int col = 0;
 for (int i = 0; i < 20; i++) //20 cells for test purposes
 {
  col++;
  if (col == 4)
  {
   col = 1;
  }
  if (col == 1)
  {
   row++;
   if (row != 1)
   {
    </tr>
   }
   <tr>
  }
  <td>@i</td>
 }
 for (int i = col; i <=3; i++)
 {
  <td>empty</td>
 }
 </tr>
}
</table>

关于如何最好地实现这一点的任何建议。

Answer 1

在打印之前对数据集进行分组如何？It视图模型被称为视图模型( ASP.NET model )。不幸的是，在WebMatrix中，你没有一个控制器可以完成这个视图模型的准备工作，但是你可以在代码背后或者Razor页面的这一部分被称为：

@{
    // group the dataset by 3 elements
    var data = Enumerable.Range(0, 20).GroupBy(x => x / 3);
}

<table>
@foreach (var group in data)
{
    <tr>
        @foreach (var item in group)
        {
            <td>@item</td>
        }
        @for (int i = 0; i < 3 - group.Count(); i++)
        {
            <td>empty</td> 
        }
    </tr>
}
</table>

如果你有一个复杂对象的数据集，而不仅仅是整数，下面是如何进行分组的：

var dataset = Enumerable.Range(0, 20).Select(x => new { Text = "item " + x });
var data = dataset
    .Select((value, index) => new { Index = index / 3, Item = value })
    .GroupBy(pair => pair.Index);

然后：

<table>
@foreach (var group in data)
{
    <tr>
        @foreach (var element in group)
        {
            <td>@element.Item.Text</td>
        }
        @for (int i = 0; i < 3 - group.Count(); i++)
        {
            <td>empty</td> 
        }
    </tr>
}
</table>

它使代码更具可读性。正如您所看到的，视图模型的使用避免了在视图中编写难看的意大利面条代码。

每次你有一些不匹配的标签，你需要在视图中做整数和模除以及填充，你可能做错了，因为你没有选择正确的视图模型。