treeview 相关问题

这是一个非常简单的 xaml：这是一个非常简单的 xaml： <TreeView x:Name="provenanceTree" ItemsSource="{x:Bind ProvenanceTreeItems}" SelectionMode="Single" SelectedItem="{x:Bind focus, Mode=TwoWay}" >  </TreeView> 这里的想法是，控件有一个 focus，树视图的选择应该遵循该焦点。大多数情况下，它有效。但是，当焦点改变需要添加 ItemsSource 时，问题就出现了 - 也就是说：我试图在同一操作中添加一个项目并选择它。当然，TreeView 会重绘，但不会选择任何内容 - 如果之前选择了任何内容，则会取消选择。我尝试不在bindng中分配SelectedItem，而是在重新聚焦代码中分配，但我遇到了同样的问题。我明白了：对 ItemsSource 的更改不会立即传递到 TreeView，因此我尝试选择树中没有的内容。如何判断何时可以安全地选择新添加的项目？有什么方法可以调整绑定，使其按预期工作吗？您只需添加新项目并将其作为 SelectedItem 传递。例如，假设 TreeView 是 x:Named TreeViewControl: private void AddingTestButton_Click(object sender, RoutedEventArgs e) { var newItem = new ProvenanceTreeItems(); ProvenanceTreeItems.Add(newItem); TreeViewControl.SelectedItem = newItem; }

c# treeview selecteditem winui

回答 1 投票 0

绑定到 TreeViewItem.IsExpanded 只有一种方式

我有以下控件（摘录）我有以下控件（摘录） <TreeView x:Name="provenanceTree" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" ItemsSource="{x:Bind ProvenanceTreeItems}" SelectionMode="Single" > <TreeView.ItemTemplate> <DataTemplate x:DataType="local:IProvenance"> <TreeViewItem ItemsSource="{x:Bind Children}" IsExpanded="{x:Bind isExpanded, Mode=TwoWay}">  </TreeViewItem> </DataTemplate> </TreeView.ItemTemplate> </TreeView> 当然，我的想法是我希望能够扩展和压缩数据源中的树视图项。 isExpanded 是在 IProvenance 的实现中定义的： public static DependencyProperty isExpandedProperty = DependencyProperty.Register( nameof (isExpanded), typeof (bool), typeof (Expandable), new PropertyMetadata (false)); public bool isExpanded { get=> (bool)GetValue(isExpandedProperty); set => SetValue(isExpandedProperty, value); } 我认为没有什么值得警惕的。我的问题是双向绑定似乎不起作用。当新项目添加到树中时，isExpanded中的值将被遵守（正如我可以通过更改属性元数据来显示的那样）。当我使用 UI 扩展和压缩项目时，isExpanded 会正确更新。但是，当我在填充树后更改代码中的 isExpanded 时，什么也没有发生。（值更新正确 - 我在调试器中看到过 - 只是树视图没有改变。）我找到了这个答案，但我认为它对我没有帮助，因为我使用的是Winui 3（其中HierarchicalDataTemplate不可用，并且样式内部的绑定是有问题的）。我忘记了什么？让我向您展示一个在其子项展开时展开的 TreeView 的工作示例： Shell.xaml <Page x:Class="WinUIApp1.Shell" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:local="using:WinUIApp1" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" mc:Ignorable="d"> <Grid RowDefinitions="Auto,*"> <StackPanel Grid.Row="0" Orientation="Horizontal"> <Button Content="Expanding Test" Click="ExpandingTestButton_Click"/> </StackPanel> <TreeView Grid.Row="1" ItemsSource="{x:Bind Items}"> <TreeView.ItemTemplate> <DataTemplate x:DataType="local:Item"> <TreeViewItem Content="{x:Bind Content}" IsExpanded="{x:Bind IsExpanded, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" ItemsSource="{x:Bind Children, Mode=OneWay}" /> </DataTemplate> </TreeView.ItemTemplate> </TreeView> </Grid> </Page> Shell.xaml.cs public sealed partial class Shell : Page { public Shell() { InitializeComponent(); AddTestItems(); } public ObservableCollection<Item> Items { get; } = []; private void AddTestItems() { var item1 = new Item("Item 1"); var item1Child1 = new Item("Item 1-1"); var item1GrandChild1 = new Item("Item 1-1-1"); var item1GrandChild2 = new Item("Item 1-1-2"); item1Child1.Children.Add(item1GrandChild1); item1Child1.Children.Add(item1GrandChild2); item1.Children.Add(item1Child1); Items.Add(item1); var item2 = new Item("Item 2"); var item2Child1 = new Item("Item 2-1"); var item2GrandChild1 = new Item("Item 2-1-1"); var item2GrandChild2 = new Item("Item 2-1-2"); item2Child1.Children.Add(item2GrandChild1); item2Child1.Children.Add(item2GrandChild2); item2.Children.Add(item2Child1); Items.Add(item2); } private void ExpandingTestButton_Click(object sender, Microsoft.UI.Xaml.RoutedEventArgs e) { Items[0].IsExpanded = true; //Items[0].Children[0].IsExpanded = true; } } Item.cs public partial class Item : ObservableObject { [ObservableProperty] private bool _isExpanded; public Item(string content) { Content = content; Children.CollectionChanged += Children_CollectionChanged; } public event EventHandler<bool>? IsExpandedChanged; public ObservableCollection<Item> Children { get; } = []; public string Content { get; } private void Children_CollectionChanged(object? sender, NotifyCollectionChangedEventArgs e) { if (e.NewItems != null) { foreach (Item child in e.NewItems) { child.IsExpandedChanged += Child_IsExpandedChanged; } } if (e.OldItems != null) { foreach (Item child in e.OldItems) { child.IsExpandedChanged += Child_IsExpandedChanged; } } } private void Child_IsExpandedChanged(object? sender, bool isExpanded) { if (isExpanded is true) { IsExpanded = true; } } partial void OnIsExpandedChanged(bool value) { IsExpandedChanged?.Invoke(this, value); } } 备注 ObservableObject 和 ObservableProperty 来自 CommunityToolkit.Mvvm NuGet 包。

c# xaml treeview winui treeviewitem

回答 1 投票 0

错误：`Gtk.TreeIter'不是受支持的泛型类型参数

我想用 Vala 在 Gtk+3 的树之间移动一些选定的项目。问题是我无法创建一个列表来包含所有必须删除的项目迭代，将它们添加到...

arrays list treeview gtk3 vala

回答 1 投票 0

树视图中的内边距和边距在哪里定义？

我的树视图定义如下：我的树视图定义如下： <TreeView x:Name="ProvenanceTree" Grid.Column="0" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" ItemsSource="{x:Bind ProvenanceTreeItems}" SelectionMode="Single" ItemInvoked="ProvenanceTree_ItemInvoked" > <TreeView.ItemContainerStyle> <Style TargetType="TreeViewItem"> <Setter Property="Height" Value="20"/> <Setter Property="MinHeight" Value="10"/> <Setter Property="Margin" Value="0 0 0 0"/> <Setter Property="Padding" Value="0 0 0 0"/> <Setter Property="BorderThickness" Value="1"/> <Setter Property="BorderBrush" Value="Red"/> </Style> </TreeView.ItemContainerStyle> <TreeView.ItemTemplate> <DataTemplate x:DataType="local:IProvenance"> <TreeViewItem ItemsSource="{x:Bind Children}" IsExpanded="True"> <Grid Background="{x:Bind HighlightColor.dilutedBrush}" Margin="0 0 0 0" Padding="0 0 0 0"> <Grid.ColumnDefinitions> <ColumnDefinition Width="150"/> <ColumnDefinition Width="Auto" MinWidth="75"/> <ColumnDefinition Width="Auto" MinWidth="30" MaxWidth="100"/> </Grid.ColumnDefinitions> <TextBlock Text="{x:Bind name}" TextTrimming="CharacterEllipsis" ToolTipService.ToolTip="{x:Bind name}" HorizontalAlignment="Left" VerticalAlignment="Center" Grid.Column="0"/> <TextBlock Text="{x:Bind typeName}" HorizontalAlignment="Left" VerticalAlignment="Center" Grid.Column="1"/> <TextBlock Text="{x:Bind annotation}" TextTrimming="CharacterEllipsis" ToolTipService.ToolTip="{x:Bind annotation}" HorizontalAlignment="Left" VerticalAlignment="Center" Grid.Column="2"/> </Grid> </TreeViewItem> </DataTemplate> </TreeView.ItemTemplate> </TreeView> 它看起来像这样：我在这里看到的是：每个 TreeViewItem 都被压缩到 20 像素高，正如它应该的那样。（红色边框只是为了让我可以看到容器的范围 - 不打算保留它！）但是每个项目周围都有几个像素的背景，并且每个项目之间有几个像素的空间。理想情况下，我想摆脱多余的空间，并将项目压缩在一起。我可以增加填充和边距（正如您所期望的那样，填充会增加边框的大小，而边距会增加间距），但将它们设置为零显然不会消除它们，并且将它们设置为负数没有任何作用. 这些最小尺寸是在哪里定义的，有什么方法可以覆盖它们吗？您可以覆盖 TreeViewItemPresenterPadding 资源。 <TreeView...> <TreeView.Resources> <Thickness x:Key="TreeViewItemPresenterPadding">0</Thickness> </TreeView.Resources> </TreeView> 您可以在 generic.xaml 文件中了解这一点。

xaml treeview winui-3 treeviewitem

回答 1 投票 0

角度树视图

您好，我正在使用 Angular 4，也许你现在可以称我为新手。我在谷歌上搜索树视图，发现了两个非常好的框架。首先和ng2-tree（无法发布链接，没有足够的声誉......

javascript angular web treeview

回答 2 投票 0

WPF 上的多树视图选择和绑定

我目前正在开发一个项目，涉及使用 C# 在 MVVM、WPF 应用程序中进行多树视图选择。树视图支持在...之间剪切、复制、移动和粘贴等功能

wpf mvvm treeview

回答 1 投票 0

材质-UI树可编辑项目

我正在使用 Material-UI 库中的 RichTreeView 组件，并希望创建一个可编辑树：因此，当用户单击位于弹出的每个项目下拉列表之后的特定按钮时。我尝试过