在 MVC 中,您使用控制器将(视图)模型绑定到您的视图。在 ViewModel 中,您定义了显示视图所需的一切。我给你看一个小例子。
视图模型:
public class CustomerModel
{
public int Id { get; set; }
public string Name { get; set; }
public string EmailAddress { get; set; }
}
控制器中创建 ViewModel 的操作。我用作db.Customers
数据的来源:
public ActionResult List()
{
var customerModel = db.Customers.Select(c => new CustomerModel
{
Id = c.Id,
Name = c.Name,
EmailAddress = c.EmailAddress
}).ToList();
return View(customerModel);
}
包含表格的视图,这是数据绑定部分。在 WebForms 中,您使用类似Eval()
和Bind()
此处的方法,在 MVC 中,您创建强类型视图。
@model IEnumerable<CustomerModel>
<table>
<tr>
<th>@Html.DisplayNameFor(m => m.Id)</th>
<th>@Html.DisplayNameFor(m => m.Name)</th>
<th>@Html.DisplayNameFor(m => m.EmailAddress)</th>
</tr>
@foreach (CustomerModel customer in Model)
{
<tr>
<td>@Html.DisplayFor(m => m.Id)</td>
<td>@Html.DisplayFor(m => m.Name)</td>
<td>@Html.DisplayFor(m => m.EmailAddress)</td>
</tr>
}
</table>
现在,您可以使用大量可用的 jQuery GridViews 插件之一来创建具有内联编辑等功能的网格。有关一些选项,请参阅此问题。