WPF 指定元素已经是另一个元素的逻辑子元素。先断网

Question

在将一堆 Frame 控件转换为更简单的 ContentControl 控件以在其逻辑父模型视图中托管子模型视图后，我最近开始收到异常“Specified element is already the logical child of another element. Disconnect it first."”。

在下面的示例中，注释掉的代码将阻止崩溃的发生：

<UserControl x:Class="GUI.Views.Scenario.PathogenRiskLiquidIngestionView"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:ScenModels="clr-namespace:GUI.ViewModels.ScenarioModels">

    <StackPanel Orientation="Vertical">
        <StackPanel Orientation="Vertical">
            <DockPanel>
                <Label DockPanel.Dock="Left" Content="Risk Assessment Title"></Label>
                <TextBox DockPanel.Dock="Right" Text="{Binding RiskAssessmentTitle, ValidatesOnDataErrors=True, UpdateSourceTrigger=PropertyChanged}"></TextBox>
            </DockPanel>
            <DockPanel>
                <Label DockPanel.Dock="Left" Content="Risk Calculated"></Label>
                <ComboBox SelectedItem="{Binding RiskCalculated, ValidatesOnDataErrors=True, UpdateSourceTrigger=PropertyChanged}" ItemsSource="{Binding RiskCalculatedOptions}"></ComboBox>
            </DockPanel>
            <DockPanel>
                <Label DockPanel.Dock="Left" Content="{Binding MinAcceptableInfectionRiskLabel}"></Label>
                <TextBox DockPanel.Dock="Right" Text="{Binding MinAcceptableInfectionRisk, ValidatesOnDataErrors=True, UpdateSourceTrigger=PropertyChanged}"></TextBox>
            </DockPanel>
        </StackPanel>
        <!--<GroupBox Header="Pathogens">
            <StackPanel Orientation="Vertical">
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
                    <Button Content="Add Pathogen" Command="{Binding AddPathogen}"></Button>
                    <Button Content="Remove Pathogen" Command="{Binding RemovePathogen}" CommandParameter="{Binding SelectedIndex, ElementName=PathogenList}"></Button>
                </StackPanel>
                <ListView Name="PathogenList" ItemsSource="{Binding PathogensPresentViews}" Tag="{Binding}" BorderThickness="0" Background="Transparent">
                    <ListView.ItemTemplate>
                        <DataTemplate DataType="{x:Type ScenModels:PathogenPresentIngestViewModel}">
                            <ContentControl Content="{Binding}"></ContentControl>
                        </DataTemplate>
                    </ListView.ItemTemplate>
                </ListView>
            </StackPanel>
        </GroupBox>
        <GroupBox Header="Receptor Characteristics">
            <StackPanel Orientation="Vertical">
                <ContentControl Content="{Binding ReceptorVolumeLiquidIngestedPerEventView}"></ContentControl>
                <ContentControl Content="{Binding ExposuresView}"></ContentControl>
            </StackPanel>
        </GroupBox>-->
    </StackPanel>
</UserControl>

在搜索这种异常后，最常见的原因似乎是一些不正确的样式，但是在这个应用程序中，我还没有为任何元素设置样式。有人可以告诉我可能导致此异常的原因吗？

谢谢， 亚历克斯。

Answer 1

如果不了解所有底层对象是什么，我只能猜测......

这里有一些真的很可疑：

<ListView Name="PathogenList" ItemsSource="{Binding PathogensPresentViews}" Tag="{Binding}" BorderThickness="0" Background="Transparent">
    <ListView.ItemTemplate>
        <DataTemplate DataType="{x:Type ScenModels:PathogenPresentIngestViewModel}">
            <ContentControl Content="{Binding}"></ContentControl>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

正如 cmets 中所提到的，您甚至不应该遇到绑定到 *Views 的情况，视图模型不应该有对视图的引用，而应该只有视图模型。如果你像这样违反它，那么遵循模型-视图-分离模式就没有什么意义了。

无论如何，当您绑定到大概是视图和 UI 元素时，这里可能会发生一些不受欢迎的事情：

1. DataTemplate 已创建：视图已添加到 ContentControl -> 现在是控件的子项
2. ListView “搞砸DataTemplate，我可以按原样显示这个项目。”（因为它是一个视图，它不应该是）。
3. ListView 将项目（视图，它是 ContentControl 的子项）添加到 ItemsPanel。
4. 哎呀！

但可能不是这样，WPF 应该比这更聪明，那么这个怎么样：在PathogensPresentViews 列表中对同一个实例的多个引用？

或者在两个地方使用相同的视图模型，创建两个视图，它们都尝试显示相同的 UI 元素列表？

无论实际情况如何，您不应该对抗症状而是对抗疾病，这很可能是您的视图模型包含视图。