WPF Hatası: Hedef öğe için geçerli FrameworkElement bulunamıyor

Resim DataGridolan bir satırım var. Bu görüntü, bir tetikleyici ile belirli bir duruma bağlıdır. Durum değiştiğinde resmi değiştirmek istiyorum.

Şablonun kendisi, HeaderStylebir DataGridTemplateColumn. Bu şablonda bazı bağlamalar var. İlk ciltleme Günü hangi gün olduğunu gösterir ve Devlet bir tetikleyici ile imajı değiştirir.

Bu özellikler bir ViewModel'de ayarlanır.

Özellikleri:

public class HeaderItem
{
    public string Day { get; set; }
    public ValidationStatus State { get; set; }
}

this.HeaderItems = new ObservableCollection<HeaderItem>();
for (int i = 1; i < 15; i++)
{
    this.HeaderItems.Add(new HeaderItem()
    {
        Day = i.ToString(),
        State = ValidationStatus.Nieuw,
    });
}

Veri şebekesi:

<DataGrid x:Name="PersoneelsPrestatiesDataGrid" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
              AutoGenerateColumns="False" SelectionMode="Single" ItemsSource="{Binding CaregiverPerformances}" FrozenColumnCount="1" >

    <DataGridTemplateColumn HeaderStyle="{StaticResource headerCenterAlignment}" Header="{Binding HeaderItems[1]}" Width="50">
        <DataGridTemplateColumn.CellEditingTemplate>
            <DataTemplate>
                <TextBox Text="{ Binding Performances[1].Duration,Converter={StaticResource timeSpanConverter},Mode=TwoWay}"/>
            </DataTemplate>
        </DataGridTemplateColumn.CellEditingTemplate>

        <DataGridTemplateColumn.CellTemplate>
            <DataTemplate>
                <TextBlock TextAlignment="Center" Text="{ Binding Performances[1].Duration,Converter={StaticResource timeSpanConverter}}"/>
            </DataTemplate>
        </DataGridTemplateColumn.CellTemplate>
    </DataGridTemplateColumn> 
</DataGrid>

Datagrid HeaderStyleTemplate:

<Style x:Key="headerCenterAlignment" TargetType="{x:Type DataGridColumnHeader}">
    <Setter Property="HorizontalContentAlignment" Value="Center"/>

    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type DataGridColumnHeader}">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition />
                        <RowDefinition />
                    </Grid.RowDefinitions>

                    <TextBlock Grid.Row="0" Text="{Binding Day}" />
                    <Image x:Name="imageValidation" Grid.Row="1" Width="16" Height="16" Source="{StaticResource imgBevestigd}" />
                </Grid>

                <ControlTemplate.Triggers>
                    <MultiDataTrigger >
                        <MultiDataTrigger.Conditions>
                            <Condition Binding="{Binding State}" Value="Nieuw"/>                                 
                        </MultiDataTrigger.Conditions>
                        <Setter TargetName="imageValidation" Property="Source" Value="{StaticResource imgGeenStatus}"/>
                    </MultiDataTrigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

Şimdi projeyi başlattığımda görüntüler gösterilmiyor ve şu hatayı alıyorum:

System.Windows.Data Hatası: 2: Hedef öğe için yöneten FrameworkElement veya FrameworkContentElement bulunamıyor. BindingExpression: Yol = HeaderItems [0]; DataItem = boş; hedef öğe 'DataGridTemplateColumn' (HashCode = 26950454); hedef özellik 'Üstbilgi'dir (' Nesne 'türü)

Bu hata neden gösteriliyor?

Ne yazık ki DataGridColumnaltında barındırılan herhangi bir ağ ağacın DataGrid.Columnsparçası değildir Visualve bu nedenle datagrid'in veri bağlamına bağlı değildir. Bu nedenle bağlamalar, Visibilityveya Headeretc gibi özellikleriyle çalışmaz (bu özellikler geçerli bağımlılık özellikleridir!).

Şimdi bunun nasıl mümkün olduğunu merak edebilirsiniz. Onların değil mi Bindingmülkiyet veri bağlamına bağlı olması gerekiyordu? Bu sadece bir hack. Bağlama gerçekten çalışmıyor. Aslında bu bağlanma nesnesini kopyalayan / klonlayan ve kendi içeriklerini görüntülemek için kullanan , datagrid hücreleridir !

Şimdi sorununuzu çözmeye geri dönelim, bunun üst Görünümünüzün HeaderItemsolarak ayarlanan nesnenin bir özelliği olduğunu varsayıyorum DataContext. Biz yapabilirsiniz bağlamak DataContextherhangi birine bakış DataGridColumndediğimiz şey aracılığıyla ProxyElement.

Aşağıdaki örnek, ContextMenuveya DataGridColumnüst View öğesinin gibi mantıksal bir alt öğeye nasıl bağlanılacağını gösterir.DataContext

 <Window x:Class="WpfApplicationMultiThreading.Window5"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"        
         xmlns:vb="http://schemas.microsoft.com/wpf/2008/toolkit"
         Title="Window5" Height="300" Width="300" >
  <Grid x:Name="MyGrid">
    <Grid.Resources>
        <FrameworkElement x:Key="ProxyElement" DataContext="{Binding}"/>
    </Grid.Resources>
    <Grid.DataContext>
         <TextBlock Text="Text Column Header" Tag="Tag Columne Header"/>
    </Grid.DataContext>
    <ContentControl Visibility="Collapsed"
             Content="{StaticResource ProxyElement}"/>
    <vb:DataGrid AutoGenerateColumns="False" x:Name="MyDataGrid">
        <vb:DataGrid.ItemsSource>
            <x:Array Type="{x:Type TextBlock}">
                <TextBlock Text="1" Tag="1.1"/>
                <TextBlock Text="2" Tag="1.2"/>
                <TextBlock Text="3" Tag="2.1"/>
                <TextBlock Text="4" Tag="2.2"/>
            </x:Array>
        </vb:DataGrid.ItemsSource>
        <vb:DataGrid.Columns>
            <vb:DataGridTextColumn
                       Header="{Binding DataContext.Text,
                                     Source={StaticResource ProxyElement}}"
                       Binding="{Binding Text}"/>
            <vb:DataGridTextColumn
                       Header="{Binding DataContext.Tag,
                                     Source={StaticResource ProxyElement}}"
                       Binding="{Binding Tag}"/>
        </vb:DataGrid.Columns>
    </vb:DataGrid>
  </Grid>
</Window>

Yukarıdaki görünüm, ProxyElement hackini uygulamadıysam bulduğunuz aynı bağlama hatasıyla karşılaştı. ProxyElement herhangi FrameworkElement olduğunu çaldıDataContext ana Görünüm ve bu şekilde mantıksal çocuğa teklifler bunu gelen ContextMenuveya DataGridColumn. Bunun için , aynı Görünüm altında Contentgörünmez olarak barındırılması gerekir ContentControl.

Umarım bu sizi doğru yönde yönlendirir.

StaticResourceKabul edilen cevapta olduğu gibi a kullanmaktan biraz daha kısa bir alternatif şudur x:Reference:

<StackPanel>

    <!--Set the DataContext here if you do not want to inherit the parent one-->
    <FrameworkElement x:Name="ProxyElement" Visibility="Collapsed"/>

    <DataGrid>
        <DataGrid.Columns>
            <DataGridTextColumn
                Header="{Binding DataContext.Whatever, Source={x:Reference ProxyElement}}"
                Binding="{Binding ...}" />
        </DataGrid.Columns>
    </DataGrid>

</StackPanel>

Bunun ana avantajı şudur: DataGrid'in atası olmayan bir öğeniz zaten varsa (ör. değilStackPanel yukarıdaki örnekte), sadece ona bir ad verebilir ve olarak kullanmak x:Referencedolayısıyla herhangi mankeni tanımlamaya gerek yok, bunun yerine FrameworkElementhiç.

Bir ataya XamlParseExceptionbaşvurmayı denerseniz, döngüsel bağımlılık nedeniyle çalışma zamanında alırsınız .