Question

我有一个分组的集合和子组，如：

第1组
- SubGroup1
- SubGroup2
第2组
- SubGroup1

我想要做的是在列表框中显示此分层数据。我试图创建不同的数据模板，我能够显示子组，但无法显示组名称。

我用于此目的的类是这样的：

public class Groups
{
public string Group {get; set;}
public List<string> SubGroup {get; set;}
}

我将List绑定到列表框的ItemsSource。我需要的是一个数据模板，我可以用它来分层显示这些数据。

我不能使用另一个控件，我必须使用列表框。

修改通过查看Desty提供的建议，我可以使用此数据模板

显示值

<DataTemplate x:Key="SubGroups">
  <StackPanel>
    <Label Content="{Binding Path=Group}" />
    <ItemsControl Margin="30,0,0,0" ItemsSource="{Binding SubGroup}" />
  </StackPanel>
</DataTemplate>

现在的问题是我无法从列表框中选择单个子组。它选择完整的ListBoxItem，我无法选择单个子组。

Answer 1

您需要的是SubGroups的第二个类，因此您可以为Groups定义一个DataTemplate，为SubGroups定义一个。您的模型类可能类似于

public class Group {
  public string Name { get; set; }
  public List<SubGroup> SubGroups { get; set; }
  public Group(string name) { this.Name = name; }
}

public class SubGroup {
  public string Name { get; set; }
  public SubGroup(string name) { this.Name = name; }
}

在WPF中，您可以为每种类型定义DataTemplate：

<Window.Resources>
  <DataTemplate DataType="{x:Type local:SubGroup}">
    <StackPanel Orientation="Horizontal">
      <TextBlock Text=" +-- "/><TextBlock Text="{Binding Name}"/>
    </StackPanel>
  </DataTemplate>
  <DataTemplate DataType="{x:Type local:Group}">
    <StackPanel>
      <TextBlock Text="{Binding Name}"/>
      <ItemsControl ItemsSource="{Binding SubGroups}"/>
     </StackPanel>
  </DataTemplate>
</Window.Resources>
<Grid>
  <ListBox ItemsSource="{Binding}" />
</Grid>

修改（在审核Bhattis编辑后）：

如果子组项也应该是可点击的，那么（IMHO）从ListBox的角度来看，组和子组之间不会有区别。所以我的解决方法猜测是：

public class Groups {
  public string Group { get; set; }
}

在WPF窗口中

<ListBox ItemsSource="{Binding}">
  <ListBox.ItemTemplate>
    <DataTemplate>
      <StackPanel>
        <Label Content="{Binding Path=Group}" />
      </StackPanel>
    </DataTemplate>
  </ListBox.ItemTemplate>
</ListBox>

在文件背后的WPF代码中：

public MainWindow() {
  InitializeComponent();
  Groups g1 = new Groups() { Group = "Parent 1" };
  Groups s1 = new Groups() { Group = "   Sub 1" };
  Groups s2 = new Groups() { Group = "   Sub 2" };
  Groups g2 = new Groups() { Group = "Parent 2" };
  Groups s3 = new Groups() { Group = "   Sub 1" };
  Groups s4 = new Groups() { Group = "   Sub 2" };
  this.DataContext = new List<Groups>() { g1, s1, s2, g2, s3, s4 };
}

这里每个子组都只是一个组，因此每个“行”都是可点击的。重要的是列表的顺序很重要，因为结构不再在模型中。

如果您必须根据用户点击组或子组的不同做出不同的反应，那么您可以在模型中构建继承层次结构并将相应的对象放在DataContext中。为了让你朝着正确的方向前进，我的意思是

public abstract class AbstractGroup {
    public string Name { get; set; }
    public AbstractGroup(string name) { this.Name = name; }
}
public class Group : AbstractGroup {
    public Group(string name) : base(name) {}
}
public class SubGroup : AbstractGroup {
    public SubGroup(string name) : base(name) {}
}

代码隐藏：

    InitializeComponent();
    AbstractGroup g1 = new Group("Parent 1");
    AbstractGroup s1 = new SubGroup("  Sub 1");
    AbstractGroup s2 = new SubGroup("   Sub 2");
    AbstractGroup g2 = new Group("Parent 2");
    AbstractGroup s3 = new SubGroup("   Sub 1");
    AbstractGroup s4 = new SubGroup("   Sub 2");
    this.DataContext = new List<AbstractGroup>() { g1, s1, s2, g2, s3, s4 };

XAML：

<ListBox ItemsSource="{Binding}">
  <ListBox.ItemTemplate>
    <DataTemplate>
      <StackPanel>
        <Label Content="{Binding Path=Name}" />
      </StackPanel>
    </DataTemplate>
  </ListBox.ItemTemplate>
</ListBox>

由于您可以在DataContext中获取所选对象，因此typeof（）可帮助您找出所选项目的具体类型。

如何使用wpf中的数据模板在列表框中显示分层数据

1 个答案: