Блог

Я хочу привязать внешний элемент управления tab к его внутренней части. В принципе, это работает до тех пор, пока, но когда я использую ContentTemplate, я понятия не имею, как обратиться к цели привязки.

Приведенный ниже код содержит две пары TextBlock и TabItem. Первый блок работает, второй, использующий ContentTemplate, — нет.

 <Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="*" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>
    
    <TextBlock 
        Grid.Row="0"
        Text="{Binding ElementName=redTtextBlock, Path=Text}" 
        Foreground="Red"
        />

    <TabControl Grid.Row="1">
        <TabItem 
            Header="Red header"
            >
            <TextBlock 
                    x:Name="redTtextBlock"
                    Text="Red text"
                    Foreground="Red"
                    />
        </TabItem>
    </TabControl>
    
    <TextBlock 
        Grid.Row="2"
        Text="{Binding ElementName=greenTtextBlock, Path=Text}" 
        Foreground="Olive"
        />

    <TabControl Grid.Row="3">
        <TabControl.Resources>
            <DataTemplate x:Key="template" DataType="TabItem">
                <TextBlock 
                    x:Name="greenTtextBlock"
                    Text="Green text"
                    Foreground="Olive"
                    />
            </DataTemplate>
        </TabControl.Resources>
            <TabItem 
                Header="Green header"
                ContentTemplate="{StaticResource template}">
        </TabItem>
    </TabControl>

</Grid>
  

Вы никогда не сможете привязать внешний элемент любого шаблона к его внутренней части. Это совершенно разные области.

«Откуда я мог знать? Есть ли объяснение, когда можно привязываться к элементам вместе, а когда нет? Меня удивляет, что эта привязка невозможна напрямую.»

Вы не должны удивляться. Если вы понимаете, как работают шаблоны, то вы бы знали, что вторая привязка не может работать.
Первый пример привязки к элементу управления, где цель привязки и источник имеют общую область имен. Шаблон, например, DataTemplate или ControlTemplate , всегда имеет свой собственный namescope, поскольку он описывает динамическое визуальное поддерево.

Подумайте об этом: a DataTemplate , который определяется как шаблон элемента a ItemsControl и содержит элемент с именем «TemplateElement», применяется к каждому элементу этого ItemsControl .
Если бы шаблон не определял свою собственную изолированную область имен, тогда было бы несколько элементов с одинаковым именем — в одной области имен. Делая вид, что это законно, как выражение привязки может «знать», какой из повторяющихся элементов привязка использует в качестве своего источника? Они являются дубликатами с точки зрения именования, но уникальны в отношении их содержимого. Это должно дать понять, что это никогда не сможет сработать.

DataTemplate Это не элемент. Это схема построения для нескольких элементов. Из-за этого множества невозможно привязать элемент шаблона извне к элементу этого шаблона. То же самое относится к ControlTemplate .

Кроме того, и это самое важное, шаблоны являются частью визуального дерева, но не логического дерева. Помимо области имен в случае Binding.ElementName , это основная причина, по которой Binding , определенный вне шаблона, не может разрешить источник, если сам источник является частью шаблона. Binding.RelativeSource выражения пересекают только логическое дерево. Это означает, что Binding никогда не сможет найти внутренние элементы составного элемента (визуальное дерево), а только прямые элементы верхнего уровня (логическое дерево).