Razor视图中对Include关联数据排序无效且页面返回空白

嘿，我来帮你捋捋问题出在哪，你现在遇到的页面空白和排序无效其实是两个关联的问题，咱们一步步拆解：

首先说页面空白的核心原因：
你在代码里犯了一个类型不匹配的错误！看这段代码：

public Vaccine Vaccine { get; set; }
// ...
Vaccine = await vaccine.ToListAsync();

ToListAsync()返回的是List<Vaccine>集合，但你把它赋值给了Vaccine这个单个对象，运行时会直接抛出类型转换异常，导致页面根本没法正常渲染，直接显示空白。这是最紧急要修复的点。

然后是排序无效的原因：
你现在查询的是整个数据库里的所有疫苗（from s in _db.Vaccine select s），但页面上展示的是Model.Pet.Vaccines——也就是你通过Include(pet => pet.Vaccines)加载的当前宠物关联的疫苗。这俩完全是两回事，你排序了全表的疫苗，但页面根本没用到这个结果，自然看不到排序效果。

接下来给你具体的修复步骤：

1. 修正变量类型与赋值错误 #

先把单个的Vaccine属性去掉（如果不需要的话直接删除），咱们的目标是给当前宠物的疫苗排序，所以直接操作Pet.Vaccines就好，不需要单独查询全表疫苗。

2. 正确对当前宠物的关联疫苗排序 #

推荐在数据库层面完成排序（效率更高），EF Core 5+支持在Include里直接对关联集合排序，修改你的Pet查询代码：

// 先根据排序参数决定排序逻辑
IQueryable<Pet> petQuery = _db.Pet.Where(pet => pet.PetId == id);

switch (sortOrder)
{
    case "VaxDate_Asc_Sort":
        // 升序排序疫苗日期
        petQuery = petQuery.Include(pet => pet.Vaccines.OrderBy(v => v.DateVaccinated));
        break;
    case "VaxDate_Desc_Sort":
        // 降序排序疫苗日期
        petQuery = petQuery.Include(pet => pet.Vaccines.OrderByDescending(v => v.DateVaccinated));
        break;
    default:
        // 默认升序
        petQuery = petQuery.Include(pet => pet.Vaccines.OrderBy(v => v.DateVaccinated));
        break;
}

// 执行查询获取带排序后疫苗的Pet
Pet = await petQuery.FirstOrDefaultAsync();

如果你的EF Core版本低于5，没法直接在Include里排序，可以先查询Pet和疫苗，然后在内存中排序：

Pet = await _db.Pet.Include(pet => pet.Vaccines).FirstOrDefaultAsync(pet => pet.PetId == id);

// 内存中排序疫苗集合
switch (sortOrder)
{
    case "VaxDate_Asc_Sort":
        Pet.Vaccines = Pet.Vaccines.OrderBy(v => v.DateVaccinated).ToList();
        break;
    case "VaxDate_Desc_Sort":
        Pet.Vaccines = Pet.Vaccines.OrderByDescending(v => v.DateVaccinated).ToList();
        break;
    default:
        Pet.Vaccines = Pet.Vaccines.OrderBy(v => v.DateVaccinated).ToList();
        break;
}

⚠️ 注意：别再把DateVaccinated转成字符串排序了！字符串排序和日期排序逻辑完全不一样，比如"10/01/2024"字符串排序会排在"09/30/2024"前面，但日期上后者更早，直接用DateTime类型排序才是正确的。

3. 修复页面跳转的小问题 #

你页面里的返回按钮写了asp-route-ownerid="ownerid1"，但ownerid1是你在OnGet里定义的局部变量，页面模型没有把它暴露成可访问的属性，需要在DetailsModel里加个公开属性：

public int ownerid1 { get; set; }

然后页面里改成asp-route-ownerid="@Model.ownerid1"，这样跳转才能拿到正确的ownerid。

4. 删掉错误的代码 #

你后来添加的DateTime vax参数以及用它排序的代码完全错误（DateTime类型没有OrderBy方法），直接删掉这部分就好。

按照上面的步骤改完后，页面空白的问题会解决，同时宠物的疫苗列表也会按照你点击的排序链接正确升序/降序排列啦。

备注：内容来源于stack exchange，提问作者MelB