如何解决TreeView 项目随机出现在错误的父项下
编辑 2： 根据 Peter Duniho 的建议，我正在用更简单的示例替换我的问题的原始文本和对原始代码的引用。
我正在开发 WinUI 3 应用程序。主窗口有一个 TreeView，其层次结构如下：顶级项的类型为 CarMake，每个 CarMake 可以有 0 个或多个 CarModel 子项。该窗口有一个名为 ObservableCollection<CarMake> 的 Cars 属性，它是顶级 CarMake 的源，每个 CarMake 都有一个 ObservableCollection<CarModel> 属性 {{1} } 这是 CarModels 中其子项的来源。
以下分别是 TreeView 和 CarMakeView 类型的 XAML 定义：
CarModelView<StackPanel Orientation="Horizontal"
Padding="12"
x:Class="Cars.View.CarMakeView"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<TextBlock Text="{x:Bind CarMake.Name}" VerticalAlignment="Center" />
</StackPanel>
<StackPanel Orientation="Horizontal"
x:Class="Cars.View.CarModelView"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<TextBlock Text="{x:Bind Path=CarModel.Name}" />
</StackPanel>
和 CarMake.cs：
CarModel.csnamespace Cars.Model
{
public class CarMake
{
public string? Name { get; set; }
public ObservableCollection<CarModel> CarModels { get; set; } = new();
}
}
这是 namespace Cars.Model
{
public class CarModel
{
public string? Name { get; set; }
}
}
的 XAML。
MainWindow最后是 <Window
<!-- imports etc. -->
>
<Grid>
<Grid.Resources>
<DataTemplate x:Key="CarMakeTemplate" x:DataType="model:CarMake">
<TreeViewItem ItemsSource="{x:Bind CarModels}">
<viewModel:CarMakeView CarMake="{Binding}"/>
</TreeViewItem>
</DataTemplate>
<DataTemplate x:Key="CarModelTemplate" x:DataType="model:CarModel">
<TreeViewItem>
<viewModel:CarModelView CarModel="{Binding}"/>
</TreeViewItem>
</DataTemplate>
<utility:CarItemSelector
x:Key="CarItemSelector"
CarMakeTemplate="{StaticResource CarMakeTemplate}"
CarModelTemplate="{StaticResource CarModelTemplate}" />
</Grid.Resources>
<TextBlock/>
<TreeView Grid.Row="1" ItemsSource="{x:Bind Cars}"
ItemTemplateSelector="{StaticResource CarItemSelector}">
</TreeView>
</Grid>
</Window>
的代码隐藏。请注意，我使用硬编码的 MainWindow 集合初始化了 Cars 属性，每个集合都关联了 CarMake。这定义了我们期望在 UI 中看到的数据层次结构：
CarModel这是我的期望：在 UI 中，汽车模型应该出现在汽车的视觉子项中，使它们在代码中被分配。因此，例如，“The Homer”，并且只有“The Homer”，应该永远出现在“Powell Motors”的子代中。
问题来了：启动应用程序并展开和折叠至少一个汽车制造商项目后，汽车模型开始显示在错误的汽车制造商下方。例如，“The Homer”汽车模型可能出现在“Chevrolet”下，而不是“Powell Motors”下。每次顶级汽车制造项目折叠然后展开时，都会在其下方出现一组全新的汽车模型，显然是从其邻居那里随机采购的。这几乎就像 UI 框架只是在摆弄 public sealed partial class MainWindow : Window
{
public ObservableCollection<CarMake> Cars { get; set; } =
new ()
{
new CarMake { Name = "Chevrolet",CarModels = { new CarModel { Name = "Camaro" },new CarModel { Name = "Blazer" },new CarModel { Name = "Beretta" } } },new CarMake { Name = "Land Rover",CarModels = { new CarModel { Name = "Discovery" },new CarModel { Name = "LR3" },new CarModel { Name = "Range Rover" } } },new CarMake { Name = "Quadra",CarModels = { new CarModel { Name = "Turbo-R 740" },new CarModel { Name = "Type-66 Avenger" }} },new CarMake { Name = "Powell Motors",CarModels = { new CarModel { Name = "The Homer" }}}
};
public MainWindow()
{
this.InitializeComponent();
}
}
并将它们贴在它感觉的任何 CarModel 之下，而不是尊重数据定义的层次结构。
我想知道的内容：我需要更改什么才能使汽车型号名称仅显示在 UI 中为其指定的父项下？另外，我想了解导致此问题的原因。
我知道 WinUI 3 现在绝对是最前沿的，所以我希望它是框架中的一个错误，而不是我做过的事情。我尝试包含我认为与问题相关的所有代码，但如果问题出在其他地方 here's a link to the GitHub repo - 它非常少，只有足够的代码来说明问题，并且只需几秒钟即可在 Visual 中构建工作室。
解决方法
我真的不明白为什么这会产生不同，但结果证明解决方案是更改 Mode 的 x:Bind CarModelView 的 TextBlock {1}} 为 Text，而不是保留它的默认值，这显然是 OneWay：
OneTime编辑：正如 Peter Duniho 在下面指出的那样，Microsoft 确实记录了 <StackPanel Orientation="Horizontal"
x:Class="Cars.View.CarModelView"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<TextBlock Text="{x:Bind Path=CarModel.Name,Mode=OneWay}" />
</StackPanel>
是 OneTime here 的默认模式，尽管为什么 {{1} } 特别引起我观察到的奇怪行为对我来说仍然是个谜。但无论如何，这至少似乎可以保证汽车名称总是准确地出现在预期的位置，而永远不会出现在它们不在的位置。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
