将内部 ContentControl 控件绑定到父 ItemsControl 项

Question

我想我几乎得到了它，但在最终解决方案中挣扎。

• 我有 BoardList ItemsControl 有 N 个项目 - 全部 有效。
• 我有一个内部 Eeprom ContentControl 包含某些字段 - 除了我必须将按钮的 Tag 绑定到 ItemsControl 项目之外，一切正常。在后面的代码中，我会将这个 Tag 转换为 Board 对象并执行各种操作。

如您所见，我尝试使用 RelativeSource，但它会将我带到实际的 ItemsControl，而不是项目本身。这可能是我想念的愚蠢的东西，但我就是无法理解。 任何帮助表示赞赏。谢谢！

<!--List of "Board" items-->
<ItemsControl ItemsSource="{Binding BoardList}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <GroupBox>
                <!--Eeprom is an object within "Board" item-->
                <ContentControl Content="{Binding Eeprom}">
                    <ContentControl.ContentTemplate>
                        <DataTemplate>
                            <StackPanel>
                                <TextBox Text="{Binding IdPage}"/>
                                <Button Tag="{Binding RelativeSource={RelativeSource AncestorType=ItemsControl}}" Click="Button_Click"/>
                            </StackPanel>
                        </DataTemplate>
                    </ContentControl.ContentTemplate>
                </ContentControl>
            </GroupBox>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

完整版（我无意中离开了重要的容器）：

<!--List of "Board" items-->
<ItemsControl ItemsSource="{Binding ContrSysAccessor.IBoardList}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <!--Eeprom is an object within "Board" item-->
            <ContentControl Content="{Binding Eeprom}">
                <ContentControl.ContentTemplate>
                    <DataTemplate>
                        <materialDesign:ColorZone>
                            <materialDesign:PopupBox>
                                <StackPanel>
                                    <TextBox Text="{Binding IdPage}"/>
                                    <Button Tag="{Binding RelativeSource={RelativeSource AncestorType=ContentControl}, Path=DataContext}" Click="Button_Click"/>
                                </StackPanel>
                            </materialDesign:PopupBox>
                        </materialDesign:ColorZone>
                    </DataTemplate>
                </ContentControl.ContentTemplate>
            </ContentControl>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

Answer 1

控件层次结构中有多个从ContentControl派生的控件：

• ContentControl（你的）
  • materialDesign:ColorZone
    • materialDesign:PopupBox
      • materialDesign:Card（未显示）

这就是您的绑定不起作用的原因。它将在遍历父控件时返回 first 控件的数据上下文。这个控件是materialDesign:Card，它的数据上下文是Eeprom。

如果您指定层次结构中的哪个ContentControl，您可以使您的绑定工作。这是由AncestorLevel 定义的。您的目标ContentControl 是父层次结构中的第四个，因此请指定4。

<Button Tag="{Binding RelativeSource={RelativeSource AncestorType=ContentControl, AncestorLevel=4}, Path=DataContext}" Click="Button_Click"/>

---

在这里工作的RelativeSource 绑定的替代方法是在您的目标ContentControl 上设置x:Name，并在ElementName 的绑定中引用它。

<ItemsControl ItemsSource="{Binding Parent}">
   <ItemsControl.ItemTemplate>
      <DataTemplate>
         <!--Eeprom is an object within "Board" item-->
         <ContentControl x:Name="MyContentControl" Content="{Binding Text}">
            <ContentControl.ContentTemplate>
               <DataTemplate>
                  <materialDesign:ColorZone>
                     <materialDesign:PopupBox>
                        <StackPanel>
                           <TextBox Text="{Binding Mode=OneWay}"/>
                           <Button Tag="{Binding DataContext, ElementName=MyContentControl}" Click="Button_Click"/>
                        </StackPanel>
                     </materialDesign:PopupBox>
                  </materialDesign:ColorZone>
               </DataTemplate>
            </ContentControl.ContentTemplate>
         </ContentControl>
      </DataTemplate>
   </ItemsControl.ItemTemplate>
</ItemsControl>

Answer 2

您可能想尝试获取ContentControl 的DataContext。

<Button Tag="{Binding RelativeSource={RelativeSource AncestorType=ContentControl}, Path=DataContext}" Click="Button_Click"/>