UWP XAML TreeView数据绑定问题：修改内容后嵌套项消失

方案一：确保数据源的变更通知机制正确 #

• 所有层级的子项集合必须使用ObservableCollection<T>，而非普通List<T>。ObservableCollection会自动向UI发送集合变更通知，普通List不具备此能力。
• 每个树节点ViewModel必须实现INotifyPropertyChanged，且子项集合的属性赋值操作必须触发PropertyChanged事件。如果只是修改集合内部元素（Add/Remove），集合本身会通知UI；但如果是替换整个集合实例，必须手动触发事件。

示例代码：

public class TreeNodeViewModel : INotifyPropertyChanged
{
    private ObservableCollection<TreeNodeViewModel> _children;
    public ObservableCollection<TreeNodeViewModel> Children
    {
        get => _children;
        set
        {
            _children = value;
            OnPropertyChanged(nameof(Children));
        }
    }

    public string Name { get; set; }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

方案二：手动触发TreeView容器刷新 #

若数据源配置正确但问题依旧，可在数据变更后强制刷新目标节点的UI容器：

• 找到目标节点对应的TreeViewItem，调用UpdateLayout()方法刷新该节点及其子项
• 若需要全局刷新，调用TreeView.InvalidateArrange()（性能略差，适合小数据量场景）

示例代码：

// 刷新选中的节点容器
var selectedContainer = MyTreeView.ContainerFromItem(selectedNode) as TreeViewItem;
selectedContainer?.UpdateLayout();

// 刷新整个TreeView
MyTreeView.InvalidateArrange();

方案三：替换TreeView的ItemsPanel模板 #

默认TreeView的虚拟化面板可能存在容器回收问题，导致嵌套项消失。可切换为非虚拟化面板（如StackPanel）避免此问题：

<TreeView x:Name="MyTreeView">
    <TreeView.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel />
        </ItemsPanelTemplate>
    </TreeView.ItemsPanel>
    <!-- 节点模板定义 -->
</TreeView>

注意：此方法会关闭虚拟化，大数据量场景下性能会下降，仅适合数据规模较小的树形结构。

方案四：自定义嵌套ListView实现树形结构 #

如果TreeView的内置bug无法规避，可通过嵌套ListView实现完全可控的树形结构：

• 每个层级使用一个ListView，子ListView通过绑定IsExpanded属性控制显示/隐藏
• 子项集合仍使用ObservableCollection保证变更通知

示例XAML结构：

<ListView ItemsSource="{Binding RootNodes}">
    <ListView.ItemTemplate>
        <DataTemplate x:DataType="local:TreeNodeViewModel">
            <StackPanel>
                <ToggleButton Content="{Binding Name}" 
                              IsChecked="{Binding IsExpanded, Mode=TwoWay}" />
                <!-- 子ListView，仅在展开时显示 -->
                <ListView ItemsSource="{Binding Children}"
                          Visibility="{Binding IsExpanded, Converter={StaticResource BooleanToVisibilityConverter}}"
                          Margin="20,0,0,0">
                    <ListView.ItemTemplate>
                        <DataTemplate x:DataType="local:TreeNodeViewModel">
                            <!-- 递归复用相同结构，或自定义子项模板 -->
                            <StackPanel>
                                <ToggleButton Content="{Binding Name}" 
                                              IsChecked="{Binding IsExpanded, Mode=TwoWay}" />
                                <ListView ItemsSource="{Binding Children}"
                                          Visibility="{Binding IsExpanded, Converter={StaticResource BooleanToVisibilityConverter}}"
                                          Margin="20,0,0,0">
                                    <!-- 继续嵌套 -->
                                </ListView>
                            </StackPanel>
                        </DataTemplate>
                    </ListView.ItemTemplate>
                </ListView>
            </StackPanel>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

内容的提问来源于stack exchange，提问作者J. H.