來自C＃列表的HTML表格

Question

我是新來MVC和HTML編碼的一般。

我有一個SQL表[日程表]與列，日期，活動ID，充滿數據的用戶ID。

我有一個設置了Schedule Model的MVC項目。

在我的控制器：

public List<Schedule> ScheduleList { get; set; } 
//... 

//Fill the Schedule list with the data in the database. 
ScheduleList = context.Schedule.ToList(); 

在我的HTML視圖我想創建一個填充沿着頂部的每個活動和每個日期左側向下/第一列的表。然後，表中的每個單元格都具有包含數據和AcitviyID的每個用戶。

任何幫助或建議表示讚賞。

Answer 1

您需要爲模型添加其他一些內容。填充列標題的活動列表以及行標題的日期列表。說實話，你需要的只是標題的每個活動的名稱和ID。

所以，你會添加另一種模式是這樣的：

public class ActivityHeader { 
    public int Id { get; set; } 
    public string Name { get; set; } 
} 

那麼接下來你的模型將需要也有（我將離開你弄清楚如何填充它們）： 公共列表標題{得到;組; } public List Dates {get;組; }

然後你的剃鬚刀頁面上，你會鋪陳表是這樣的：

<table> 
    <thead> 
     <tr> 
      @foreach (var header in Model.Headers) { 
       <th data-id="@header.Id">@header.Name</th> 
      } 
     </tr> 
    </thead> 
    <tbody> 
     @foreach (var date in Model.Dates) { 
      <tr> 
       <td>@date.ToShortDateString()</td> 
       // Figure out how to match the date and Activity to the list of Schedules. 
      </tr> 
     } 
    </tbody> 
</table>