如何在Xamarin中显示外键关联的名称而非ID值？

第一步：调整API端数据返回逻辑 #

你的API当前仅返回了Ticket的基础字段（含DepartmentId、StatusId），未关联查询对应部门和状态的名称信息，需要修改查询逻辑将关联数据一并返回：

1. 用EF Core关联查询（若后端使用EF） #

如果后端基于Entity Framework开发，查询Ticket时通过Include方法加载关联的Department和Status实体：

// API查询示例代码
public async Task<IEnumerable<Ticket>> GetTickets()
{
    return await _context.Tickets
        .Include(t => t.Department) // 加载关联部门实体
        .Include(t => t.Status)     // 加载关联状态实体
        .ToListAsync();
}

2. 定义DTO返回目标字段（推荐方案） #

为避免返回冗余数据，建议创建Ticket的DTO类，仅包含前端所需字段，直接嵌入关联名称：

public class TicketDto
{
    public int Id { get; set; }
    public string Title { get; set; }
    // 其他工单业务字段...
    public string DepartmentName { get; set; } // 直接返回部门名称
    public string StatusName { get; set; }     // 直接返回状态名称
}

查询时将实体映射到DTO返回：

public async Task<IEnumerable<TicketDto>> GetTickets()
{
    return await _context.Tickets
        .Select(t => new TicketDto
        {
            Id = t.Id,
            Title = t.Title,
            DepartmentName = t.Department.Name,
            StatusName = t.Status.Name
            // 映射其他业务字段
        })
        .ToListAsync();
}

第二步：更新Xamarin端绑定模型 #

根据API返回的数据结构，调整Ticket绑定模型：

• 若API返回嵌套的Department/Status对象：

public class TicketModel
{
    public int Id { get; set; }
    public string Title { get; set; }
    // 其他字段...
    public DepartmentModel Department { get; set; }
    public StatusModel Status { get; set; }
}

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

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

• 若API返回扁平DTO（含DepartmentName/StatusName）：

public class TicketModel
{
    public int Id { get; set; }
    public string Title { get; set; }
    // 其他字段...
    public string DepartmentName { get; set; }
    public string StatusName { get; set; }
}

第三步：修改XAML绑定规则 #

在XAML页面中，将原绑定ID的代码替换为绑定名称：

• 嵌套对象场景：

<Label Text="{Binding Department.Name}" />
<Label Text="{Binding Status.Name}" />

• 扁平DTO场景：

<Label Text="{Binding DepartmentName}" />
<Label Text="{Binding StatusName}" />

额外注意事项 #

• 用Postman等工具测试API响应，确认返回的JSON数据中包含目标名称字段。
• 若使用MVVM模式，检查视图模型中的Ticket集合是否正确解析了API返回的关联数据，确保字段映射无遗漏。

内容的提问来源于stack exchange，提问作者Sakhile