WPFDataGrid組嵌套串列

我有一個任務串列，其中包含一個嵌套的任務串列。現在我想使用 MVVM 模式在 WPF DataGrid 中顯示這個串列。“外部”任務的任務名稱應該是組的標題，所有嵌套的任務應該顯示在下面。

結果應如下所示： 示例

public class ProjectTask
{
    public Guid TaskUID { get; set; }
    public string TaskName { get; set; }
    public DateTime TaskStartDate { get; set; }
    public DateTime TaskFinishDate { get; set; }

    public List<ProjectTask> SubTasks { get; set; } = new();
}

public List<ProjectTask> ProjectTasks
{
    get { return projectTasks; }
    set { projectTasks = value; OnPropertyChanged(); }
}

到目前為止，我嘗試的是創建一個 CollectionViewSource

 <CollectionViewSource x:Key="GroupedTaskList" Source="{Binding ProjectTasks}">
            <CollectionViewSource.GroupDescriptions>
                <PropertyGroupDescription PropertyName="SubTasks" />
            </CollectionViewSource.GroupDescriptions>
        </CollectionViewSource>

并將其系結到 DataGrid

<DataGrid AutoGenerateColumns="False" IsReadOnly="True"
        ItemsSource="{Binding Source={StaticResource GroupedTaskList}}"
          >
    <DataGrid.Columns>
        <DataGridTextColumn Width="*" Header="Name" Binding="{Binding Path=TaskName}" />
        <DataGridTextColumn Header="Start" Binding="{Binding Path=TaskStartDate, StringFormat=d}" />
        <DataGridTextColumn Header="End" Binding="{Binding Path=TaskFinishDate, StringFormat=d}" />
    </DataGrid.Columns>
</DataGrid>

但是我怎樣才能對任務進行分組呢？

uj5u.com熱心網友回復：

        <DataGrid.Columns>
            <DataGridTextColumn Header="" AutomationProperties.Name="" IsReadOnly="True" Binding="{Binding Path=TaskName}"/>
            <DataGridTextColumn Header="" AutomationProperties.Name="" IsReadOnly="True" Binding="{Binding Path=TaskStartDate, StringFormat=d}"/>
            <DataGridTextColumn Header="" AutomationProperties.Name="" IsReadOnly="True" Binding="{Binding Path=TaskEndDate, StringFormat=d}"/>
            <DataGridTemplateColumn Header="Sub Tasks" AutomationProperties.Name="">
                <DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                        <ListView ItemsSource="{Binding SubTaskList}">
                            <ListView.ItemTemplate>
                                <DataTemplate>
                                    <TextBlock Text="{Binding SubTask}"/>
                                </DataTemplate>
                            </ListView.ItemTemplate>
                        </ListView>
                    </DataTemplate>
                </DataGridTemplateColumn.CellTemplate>
            </DataGridTemplateColumn>
        </DataGrid.Columns>

我能夠使用這樣的模板列來實作它，希望這會有所幫助。

更好地理解問題后編輯

    <DataGrid ItemsSource="{Binding Tasks}" AutoGenerateColumns="false"
          RowDetailsVisibilityMode="Visible"
          CanUserAddRows="False" >
        <DataGrid.Columns>
            <DataGridTextColumn Header="Task Name" Binding="{Binding TaskName}"/>
            <DataGridTextColumn Header="Task Start Date" Binding="{Binding TaskStartDate}"/>
            <DataGridTextColumn Header="Task End Date" Binding="{Binding TaskStartDate}"/>
        </DataGrid.Columns>
        <DataGrid.RowDetailsTemplate>
            <DataTemplate>
                <DataGrid ItemsSource="{Binding SubTasks}" AutoGenerateColumns="false" CanUserAddRows="False">
                    <DataGrid.Columns>
                        <DataGridTextColumn Header="Sub Task Name" Binding="{Binding TaskName}"/>
                        <DataGridTextColumn Header="Sub Task Start Date" Binding="{Binding TaskStartDate}"/>
                        <DataGridTextColumn Header="Sub Task End Date" Binding="{Binding TaskStartDate}"/>
                    </DataGrid.Columns>
                </DataGrid>
            </DataTemplate>
        </DataGrid.RowDetailsTemplate>
    </DataGrid>

快速瀏覽一下這是做什么的https://imgur.com/OIc9uCr

標籤：C＃ wpf 虚拟机 数据网格 .net-6.0

上一篇：如何在VisualStudioforWPF中預覽ControlTemplate設計的XAML？

下一篇：WPF按鈕在禁用時更改顏色