IList binding Razor页面

基础概念

IList 是 .NET 中的一个接口，表示一个非泛型的列表集合。它继承自 IEnumerable 接口，提供了对集合中元素的添加、删除、查找等操作。在 ASP.NET Core MVC 或 Razor Pages 中，IList 常用于绑定视图模型（ViewModel）中的集合属性，以便在视图中显示和操作这些数据。

优势

灵活性：IList 可以容纳任何类型的对象，只要这些对象实现了 IEnumerable 接口。
易于操作：提供了丰富的方法和属性，便于对集合进行增删改查等操作。
视图绑定：在 Razor Pages 中，可以方便地将 IList 类型的属性绑定到视图，实现数据的展示和交互。

类型

IList 是一个接口，具体的实现类有很多，例如 ArrayList、List<T> 等。在 .NET Core 中，推荐使用 List<T>，因为它提供了类型安全和更好的性能。

应用场景

在 ASP.NET Core Razor Pages 中，IList 常用于以下场景：

数据列表展示：将数据库查询结果绑定到 IList，然后在视图中以表格形式展示。
表单多选：在表单中使用 IList 绑定多选框或下拉列表，允许用户选择多个选项。
动态添加/删除项：在前端页面中动态添加或删除 IList 中的项，并实时更新视图。

示例代码

假设我们有一个简单的 Razor Page，用于展示和编辑一组用户信息。首先定义一个视图模型：

public class UserViewModel
{
    public string Name { get; set; }
    public int Age { get; set; }
}

public class UsersViewModel
{
    public IList<UserViewModel> Users { get; set; } = new List<UserViewModel>();
}

在控制器中初始化并传递数据到视图：

public class IndexModel : PageModel
{
    public UsersViewModel ViewModel { get; set; } = new UsersViewModel();

    public void OnGet()
    {
        // 模拟从数据库获取数据
        ViewModel.Users.Add(new UserViewModel { Name = "Alice", Age = 30 });
        ViewModel.Users.Add(new UserViewModel { Name = "Bob", Age = 25 });
    }
}

在视图中绑定并展示数据：

@page
@model YourNamespace.IndexModel

<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>Age</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var user in Model.ViewModel.Users)
        {
            <tr>
                <td>@user.Name</td>
                <td>@user.Age</td>
            </tr>
        }
    </tbody>
</table>