.NET MAUI中如何通过TaskID关联双列表在CollectionView显示详情

针对你遇到的问题，这里提供三种可行的解决思路，都是.NET MAUI中常用的关联数据展示方案：

方案一：预处理关联数据（推荐，符合MVVM原则） #

这种方式在ViewModel加载数据时，直接将每个Notification与对应的Task关联，后续XAML可以直接绑定关联属性，逻辑清晰且性能较好。

1. 修改Notification类，添加关联属性

class Notification
{
    public int Id { get; set; }
    public int TaskID { get; set; }
    public string Title { get; set; } // 注：原代码中Title定义为int，推测是笔误，改为string
    public DateTime NotificationTime { get; set; }
    public Task AssociatedTask { get; set; } // 新增属性存储关联的Task
}

2. 在LoadData中处理数据关联

async void LoadData()
{
    DateTime today = DateTime.Today;
    
    var result = from s in NotificationsList
                 where s.NotificationTime.Date == today
                 // 通过TaskID关联TasksList中的Task
                 join t in TasksList on s.TaskID equals t.Id into taskGroup
                 from matchedTask in taskGroup.DefaultIfEmpty() // 兼容无对应Task的情况
                 select new { Notification = s, MatchedTask = matchedTask }
                 into combinedData
                 group combinedData by combinedData.Notification.NotificationTime into groupedData
                 select new GroupedNotification
                 {
                     NotifyTime = groupedData.Key,
                     Notification = groupedData.Select(item => 
                     {
                         item.Notification.AssociatedTask = item.MatchedTask;
                         return item.Notification;
                     }).ToList()
                 };

    GroupedNotifications = result.ToList();
}

3. XAML中直接绑定关联属性

<Label Text="{Binding AssociatedTask.Name}" />
<Label Text="{Binding AssociatedTask.Details}" />

方案二：使用值转换器（ValueConverter） #

如果不想修改原有数据类结构，可以通过值转换器，在绑定过程中根据TaskID从TasksList中匹配对应数据。

1. 创建值转换器类

public class TaskIdToPropertyConverter : IValueConverter
{
    public List<Task> TasksList { get; set; } // 传入任务列表

    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is int taskId && TasksList != null)
        {
            var targetTask = TasksList.FirstOrDefault(t => t.Id == taskId);
            // 根据ConverterParameter指定返回Task的Name或Details
            return parameter switch
            {
                "Name" => targetTask?.Name ?? "无任务名称",
                "Details" => targetTask?.Details ?? "无任务详情",
                _ => string.Empty
            };
        }
        return string.Empty;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException(); // 单向绑定无需实现
    }
}

2. 在XAML中声明并绑定转换器

<ContentPage.Resources>
    <!-- 注册转换器并绑定ViewModel中的TasksList -->
    <local:TaskIdToPropertyConverter x:Key="TaskConverter" TasksList="{Binding TasksList}" />
</ContentPage.Resources>

<!-- 在ItemTemplate中使用转换器 -->
<Label Text="{Binding TaskID, Converter={StaticResource TaskConverter}, ConverterParameter='Name'}" />
<Label Text="{Binding TaskID, Converter={StaticResource TaskConverter}, ConverterParameter='Details'}" />

方案三：给Notification添加计算属性 #

通过给Notification类添加依赖于TasksList的计算属性，直接返回对应的Task详情，适合简单场景。

1. 修改Notification类添加计算属性

class Notification
{
    public int Id { get; set; }
    public int TaskID { get; set; }
    public string Title { get; set; }
    public DateTime NotificationTime { get; set; }
    public List<Task> TasksList { get; set; } // 需要传入ViewModel的TasksList

    // 计算属性，根据TaskID匹配Task名称
    public string TaskName => TasksList?.FirstOrDefault(t => t.Id == TaskID)?.Name ?? "无任务";
    // 计算属性，根据TaskID匹配Task详情
    public string TaskDetails => TasksList?.FirstOrDefault(t => t.Id == TaskID)?.Details ?? "无详情";
}

2. 在LoadData中给Notification赋值TasksList

async void LoadData()
{
    DateTime today = DateTime.Today;
    
    // 先给所有Notification设置TasksList引用
    foreach (var notification in NotificationsList)
    {
        notification.TasksList = TasksList;
    }

    var result = from s in NotificationsList
                 where s.NotificationTime.Date == today
                 group s by s.NotificationTime into g
                 select new GroupedNotification{ NotifyTime = g.Key, Notification = g.ToList() };

    GroupedNotifications = result.ToList();
}

3. XAML中直接绑定计算属性

<Label Text="{Binding TaskName}" />
<Label Text="{Binding TaskDetails}" />

搜索关键词建议 #

如果后续遇到类似问题，可以尝试搜索这些关键词：

• .NET MAUI CollectionView 关联数据列表
• .NET MAUI XAML 跨列表绑定
• .NET MAUI MVVM 数据关联处理

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