1

我在 C# 中工作,我正在尝试找到创建“分层组合框”的解决方案,因为我在互联网上搜索了几个小时,但没有找到真正解决这个问题的方法。

最接近的 iv'e 是使用组描述与普通 wpf 组合框一起工作,但是,这对我来说还不够好,而且我自己也无处可去。

我需要控制器来实现的事情:

  • 每个item都可以有子item,如果没有子item,则item是可选择的,如果有子item,只有递归没有子item的子item是可选择的。

  • 组合框的弹出窗口最终将显示所有缩进的项目,就像普通的树视图一样

最后,它应该是这样的:


例子:

Folder
   Selectable Item
   Folder
       Selectable Item
       Selectable Item
   Selectable Item

  • 如您所见,文件夹本身不应该是可选择的。

到目前为止,您可以在下一篇文章中看到:http ://www.jarloo.com/wpf-combobox-with-groupings/

PS:我应该说我意识到这项工作看起来应该明确地应该在 TreeView 中完成,问题是,我已经测试过,并且树视图没有带有可选项目的组合框逻辑等......

TLDR:基本上我想要一个层次组合框,那个组合框里面应该有一个树视图,只有非父节点可以选择。

有任何想法吗?

4

1 回答 1

0

就像我在评论部分所说的那样,我看不出 aComboBox在您的情况下有多方便。

这是一个如何使用来实现这样的事情的例子TreeView

使用MSDN 示例,创建一个代表您的节点的类TreeView

public class Path
{
    public string Name { get; set; }
    public bool IsLeaf { get; set; }
    public ObservableCollection<Path> Children { get; set; }
}

创建一个HierarchicalDataTemplate来展示它

<HierarchicalDataTemplate x:Key="LeafTemplate" ItemsSource="{Binding Children}">
      <TextBlock FontStyle="Italic" Text="{Binding Name}"  />
</HierarchicalDataTemplate>
<HierarchicalDataTemplate x:Key="FolderTemplate" ItemsSource="{Binding Children}" ItemTemplate="{StaticResource LeafTemplate}">
      <TextBlock Text="{Binding Path=Name}"/>
</HierarchicalDataTemplate>

制作一个TreeView使用它的,并拒绝关注不是叶子的路径

<TreeView Width="400"  Height="300" ItemsSource="{Binding Paths}" 
          ItemTemplate="{StaticResource FolderTemplate}" x:Name="myTreeView">
    <TreeView.ItemContainerStyle>
        <Style TargetType="{x:Type TreeViewItem}">
           <Setter Property="Focusable" Value="{Binding IsLeaf}"/>
        </Style>
    </TreeView.ItemContainerStyle>
</TreeView>

如果要测试此示例,可以使用以下代码进行Paths填充

Paths = new ObservableCollection<Path>();
var p1 = new Path { Name = "Folder 1", IsLeaf = false , Children = new ObservableCollection<Path>() };
var p11 = new Path { Name = "Item 1-1", IsLeaf = true, Children = new ObservableCollection<Path>() };
var p12 = new Path { Name = "Item 1-2", IsLeaf = true, Children = new ObservableCollection<Path>() };
var p13 = new Path { Name = "Folder 1-3", IsLeaf = false, Children = new ObservableCollection<Path>() };
var p131 = new Path { Name = "Item 1-3-1", IsLeaf = true, Children = new ObservableCollection<Path>() };

// Build path's
p13.Children.Add(p131);
p1.Children.Add(p11);
p1.Children.Add(p12);
p1.Children.Add(p13);
Paths.Add(p1);

你当然可以控制他的可见性并让它在你喜欢的时候出现,例如当一个按钮被点击时,例如:

        <ToggleButton Content="Select Item" x:Name="treeViewVisible"/>
        <TreeView Width="400"  Height="300" ItemsSource="{Binding Paths}"
                  Visibility="{Binding ElementName=treeViewVisible, Path=IsChecked, Converter={StaticResource boolToVisibilityConverter}}" .... />

希望这可以帮助

于 2013-10-17T13:25:03.727 回答