如何在asp.net razor中连接2个视图

您可以将驱动程序的信息放在局部视图中。将 传递Car.Drivers给索引视图中的局部视图。

你可以参考我下面的演示：

1.型号：

public class Cars
{
    [Key]
    public string Id { get; set; }
    public string Name { get; set; }
    public string Color { get; set; }
    public string DriversId { get; set; }
    [ForeignKey("DriversId")]
    public Drivers Drivers { get; set; }
}

public class Drivers
{
    [Key]
    public string Id { get; set; }
    public string Name { get; set; }
    public string Surename { get; set; }
}

2.DriversPartial.cshtml在文件CarsPage夹中创建一个剃刀视图而不是剃刀页面（添加->新项目->剃刀视图）。输入您希望在接收Drivers模型的局部视图中显示的内容：

@model Yournamespace.Drivers
<tr>
    <td>
        @Html.DisplayNameFor(model => model.Id) :
        @Html.DisplayFor(model => model .Id)
    </td>
    <td>
        @Html.DisplayNameFor(model => model.Name) :
        @Html.DisplayFor(model => model .Name)
    </td>
    <td>
        @Html.DisplayNameFor(model => model.Surename):
        @Html.DisplayFor(model => model .Surename)
    </td>

    <td>
        <a asp-page="/DriversPage/Edit" asp-route-id="@Model.Id">Edit</a> |
        <a asp-page="/DriversPage/Details" asp-route-id="@Model.Id">Details</a> |
        <a asp-page="/DriversPage/Delete" asp-route-id="@Model.Id">Delete</a>
    </td>
</tr>

3.使用局部视图 Index.cshtml

@foreach (var item in Model.Cars)
{
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.Id)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Name)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Color)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Drivers.Id)
        </td>
        <td>
            <a asp-page="./Edit" asp-route-id="@item.Id">Edit</a> |
            <a asp-page="./Details" asp-route-id="@item.Id">Details</a> |
            <a asp-page="./Delete" asp-route-id="@item.Id">Delete</a>
        </td>
    </tr>
    @await Html.PartialAsync("DriversPartial.cshtml", item.Drivers);

}

4.Index.cshtml.cs

public IList<Cars> Cars { get;set; }

    public async Task OnGetAsync()
    {
        Cars = await _context.Cars
            .Include(c => c.Drivers).ToListAsync();
    }

5.结果：

您可以修改局部视图以添加自定义页面。