多级标题 GridView WPF

Question

我需要将列表视图视图设置为具有像这样的复杂标头的网格视图（基于我创建的 3 维对象列表）：

| ---------- LEVEL 0 ------------  |
| -- Level 1a --  | -- Level 1b -- |  
| Lvl A |  Lvl B  | Lvl A  | Lvl B |

编辑：这更像是我的对象模型，

public class Measures
{
    public string Caption { get; set; }
    public List<Threshold> ThresholdList { get; set; }
}

public class Threshold
{
    public string Caption { get; set; }

    public double Value1 { get; set; }
    public double Value2 { get; set; }
    public double Value3 { get; set; }
    public double Value4 { get; set; }
}

我必须绑定 Measures（这是我的级别 0），然后是 Threshold 的动态列表（级别 1a...），并且对于每个阈值显示值 1 到 4（如果它们是！= 0）

Answer 1

像这样的事情怎么样：

<ListBox x:Name="MainListBox">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                        </Grid.RowDefinitions>

                        <Label Content="{Binding Path=Caption}" HorizontalAlignment="Center" />

                        <ListBox Grid.Row="1" ItemsSource="{Binding Path=ThresholdList}" >
                            <ListBox.ItemsPanel>
                                <ItemsPanelTemplate>
                                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Stretch">
                                    </StackPanel>
                                </ItemsPanelTemplate>
                            </ListBox.ItemsPanel>

                            <ListBox.ItemTemplate>
                                <DataTemplate>
                                    <Grid>
                                        <Grid.RowDefinitions>
                                            <RowDefinition Height="Auto" />
                                            <RowDefinition Height="Auto" />
                                        </Grid.RowDefinitions>

                                        <Label Content="{Binding Path=Caption}" HorizontalAlignment="Center" />

                                        <StackPanel Grid.Row="1" Orientation="Horizontal">
                                            <Label Content="{Binding Path=Value1}" />
                                            <Label Content="{Binding Path=Value2}" />
                                            <Label Content="{Binding Path=Value3}" />
                                            <Label Content="{Binding Path=Value4}" />
                                        </StackPanel>
                                    </Grid>
                                </DataTemplate>
                            </ListBox.ItemTemplate>


                        </ListBox>

                    </Grid>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

您可能需要将 Value1、Value2 属性转换为集合，以便动态显示非零属性并使用我用来显示阈值的相同 ListBox/StackPanel 方法。

这给出了输出：

为了完成这篇文章，这里是我使用的代码：

List<Measures> measuresList = new List<Measures>();

Measures measures = new Measures()
{
    Caption = "LEVEL 0",
    ThresholdList = new List<Threshold>()
};

measures.ThresholdList.Add(new Threshold()
{
    Caption = "Level 1a",
    Value1 = 1,
    Value2 = 2,
    Value3 = 3,
    Value4 = 4
});

measures.ThresholdList.Add(new Threshold()
{
    Caption = "Level 1b",
    Value1 = 5,
    Value2 = 6,
    Value3 = 7,
    Value4 = 8
});

measuresList.Add(measures);

this.MainListBox.ItemsSource = measuresList;

Answer 2

Level 0 是ListView吗？级别 1A 和级别 1b 是您想要在级别 0 列表视图内的两个不同模板化列中的 Gridview？那么级别 A 和级别 b 是级别 1a 和级别 1b 中另外 2 个模板化列内的另外两个网格视图吗？

您也许能够将此嵌套 GridView 使用的相同概念转换为 WPF

http://forums.asp。 net/t/1071521.aspx

我自己没有在 wpf 中尝试过，但 gridviews 似乎是类似构建的。
只需使用面板而不是 Div，就可以减少因担心客户端/服务器端调用而带来的头痛。

此外，数据集比列表工作得更好。

这是一些关于我之前如何设置嵌套数据集的伪代码

DataSet ds1 = new DataSet();
        ds1.Tables.Add(m_DataLayer.GetRealA_Data(X, Y).Copy()); Returns Table ["A"]
        ds1.Tables.Add(m_DataLayer.GetB_Empty().Copy());// Returns Table ["B"]
        ds1.Tables.Add(m_DataLayer.GetC_Empty().Copy());// Returns Table ["C"]
        ds1.Tables.Add(m_DataLayer.GetD_Empty().Copy());// Returns Table ["D"]

        ds1.Relations.Add("b", ds1.Tables["A"].Columns["A_id"], ds1.Tables["B"].Columns["A_id"]);
        ds1.Relations.Add("c", ds1.Tables["B"].Columns["B_id"]
            , ds1.Tables["C"].Columns["B_id"]);
        ds1.Relations.Add("d", ds1.Tables["C"].Columns["C_id"]
            , ds1.Tables["D"].Columns["D_id"]);

        dt_TheGridViewDataSet = ds1;
        TheGridView.DataSource = ds1;

Answer 3

你有没有想过它应该如何表现——你的标题？

制作一个看起来像您建议的那样的标题很容易 - 您可以通过编程方式使用一些网格构建它 - 但这只是标题。您是否还应该能够像通常使用列表视图标题一样调整它的大小？

也许您正在寻找类似 TreeListView 的东西？

http://www.codeproject.com/KB/WPF/TreeListView.aspx

我认为这就是我所追求的显示多维数据的方式——它很容易理解和使用，而自定义列表视图很难实现正确的行为。