Comment puis-je utiliser WPF liaisons avec RelativeSource?

Binding RelativeSource={
    RelativeSource Mode=FindAncestor, AncestorType={x:Type ItemType}
}
...

La valeur par défaut de l'attribut de RelativeSource est le Mode de la propriété. Un ensemble complet de valeurs valides est donnée ici (à partir de MSDN):

• PreviousData Permet de vous lier au précédent élément de données (non pas que le contrôle qui contient l'élément de données) dans la liste des éléments de données en cours d'affichage.

• TemplatedParent fait référence à l'élément pour lequel le modèle (dans lequel la liaison de données de l'élément existe) est appliquée. Ceci est similaire à la définition des TemplateBindingExtension et n'est applicable que si la Liaison est à l'intérieur d'un modèle.

• Auto fait référence à l'élément sur lequel vous définissez la liaison et vous permet de lier une propriété de l'élément à l'autre de la propriété sur le même élément.

• FindAncestor fait référence à l'ancêtre de la mère de la chaîne de la liaison de données de l'élément. Vous pouvez l'utiliser pour se lier à un ancêtre d'un type spécifique ou de ses sous-classes. C'est le mode que vous utilisez, si vous souhaitez spécifier AncestorType et/ou AncestorLevel.

Imaginez ce cas, un rectangle que nous voulons que sa hauteur est toujours égale à sa largeur, un carré disons. Nous pouvons faire cela en utilisant le nom de l'élément

<Rectangle Fill="Red" Name="rectangle" 
                    Height="100" Stroke="Black" 
                    Canvas.Top="100" Canvas.Left="100"
                    Width="{Binding ElementName=rectangle,
                    Path=Height}"/>

Mais dans ce cas ci-dessus, nous sommes dans l'obligation d'indiquer le nom de l'objet de liaison, à savoir le rectangle. On peut atteindre le même but différemment à l'aide de la RelativeSource

<Rectangle Fill="Red" Height="100" 
                   Stroke="Black" 
                   Width="{Binding RelativeSource={RelativeSource Self},
                   Path=Height}"/>

Pour ce cas, nous ne sommes pas obligés de mentionner le nom de l'objet de liaison et la Largeur sera toujours égale à la Hauteur à chaque fois que la modification de la hauteur.

Si vous voulez paramètre de la Largeur à la moitié de la hauteur, alors vous pouvez le faire en ajoutant un convertisseur pour la Liaison d'extension de balisage.
Imaginons un autre cas maintenant:

 <TextBlock Width="{Binding RelativeSource={RelativeSource Self},
                   Path=Parent.ActualWidth}"/>

Le cas ci-dessus est utilisé pour attacher une propriété donnée d'un élément donné à l'un de ses parent direct que cet élément contient une propriété qui est appelé Parent. Ce qui nous amène à une autre source par rapport au mode qui est le FindAncestor un.

Dans WPF RelativeSource liaison expose trois properties définir:

1. Mode: C'est un enum qui pourrait avoir quatre valeurs:

un. PreviousData(value=0): Elle attribue de la valeur précédente de la property à
lié à un

b. TemplatedParent(value=1): Ce est utilisé lors de la définition de la templates de
tout contrôle et à lier à une valeur de la Propriété de la control.

Par exemple, définir ControlTemplate:

  <ControlTemplate>
        <CheckBox IsChecked="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Value, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
 </ControlTemplate>

c. Auto(value=2): Lorsque l'on veut se lier à partir d'un self ou un property de soi.

Par exemple: Envoyer vérifié l'état de checkbox comme CommandParameter pendant le réglage de l' Command sur CheckBox

<CheckBox ...... CommandParameter="{Binding RelativeSource={RelativeSource Self},Path=IsChecked}" />

d. FindAncestor(value=3): Quand voulez lier à partir d'un parent control
dans Visual Tree.

Par exemple: Lier un checkbox dans records si un grid,si header checkbox est cochée

<CheckBox IsChecked="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type iDP:XamDataGrid}}, Path=DataContext.IsHeaderChecked, Mode=TwoWay}" />

2. AncestorType: lorsque le mode est FindAncestor puis de définir quel type d'ancêtre

RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type iDP:XamDataGrid}}

3. AncestorLevel: lorsque le mode est FindAncestor alors quel est le niveau de l'ancêtre (si il y a deux même type de parent dans visual tree)

RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type iDP:XamDataGrid, AncestorLevel=1}}

Ci-dessus sont tous des cas d'utilisation pour RelativeSource binding.

Voici un lien de référence.

Il est digne de remarque que, pour ceux qui tombent sur cette pensée de Silverlight:

Silverlight offre un sous-ensemble réduit seulement, de ces commandes

Utile de pièces et de morceaux:

Voici comment faire pour la plupart dans le code:

Binding b = new Binding();
b.RelativeSource = new RelativeSource(RelativeSourceMode.FindAncestor, this.GetType(), 1);
b.Path = new PropertyPath("MyElementThatNeedsBinding");
MyLabel.SetBinding(ContentProperty, b);

J'ai largement copié d' Liaison par rapport à la Source dans le code Derrière.

Aussi, la page MSDN, c'est très bon aussi loin que exemples: RelativeSource Classe

Je n'ai pas lu toutes les réponses, mais je veux juste ajouter cette information dans le cas de la source par rapport liaison de commande d'un bouton.

Lorsque vous utilisez une source par rapport à Mode=FindAncestor, la liaison doit être comme:

Command="{Binding Path=DataContext.CommandProperty, RelativeSource={...}}"

Si vous n'ajoutez pas le DataContext dans votre chemin d'accès, au moment de l'exécution, il ne peut pas récupérer la propriété.

Si un élément ne fait pas partie de l'arbre visuel, puis RelativeSource ne fonctionnera jamais.

Dans ce cas, vous avez besoin d'essayer une autre technique, développée par Thomas Levesque.

Il a la solution sur son blog sous [WPF] Comment lier des données lorsque le DataContext est pas héréditaire. Et il fonctionne absolument avec brio!

Dans le cas peu probable que son blog est en panne, l'Annexe A contient une copie miroir de son article.

Merci de ne pas commenter ici, veuillez commentaire directement sur son blog.

Annexe A: Miroir de blog

Le DataContext de la propriété dans WPF est très pratique, car il est automatiquement héritée par tous les enfants de l'élément sur lequel vous l'attribuer; vous n'avez donc pas besoin de le mettre de nouveau sur chaque élément que vous voulez lier. Cependant, dans certains cas, le DataContext est pas accessible: il se passe pour les éléments qui ne font pas partie du visuel ou de l'arborescence logique. Il peut être très difficile de lier une propriété sur les éléments...

Illustrons avec un exemple simple: nous voulons afficher une liste de produits dans un DataGrid. Dans la grille, nous voulons être en mesure d'afficher ou de masquer la colonne de Prix basé sur la valeur d'un ShowPrice propriété exposée par le ViewModel. L'approche évidente est de se lier à la Visibilité de la colonne à la ShowPrice propriété:

<DataGridTextColumn Header="Price" Binding="{Binding Price}" IsReadOnly="False"
                Visibility="{Binding ShowPrice,
                Converter={StaticResource visibilityConverter}}"/>

Malheureusement, la modification de la valeur de ShowPrice n'a aucun effet, et la colonne est toujours visible... pourquoi? Si l'on regarde la fenêtre de Sortie de Visual Studio, nous avons remarqué la ligne suivante:

Système.De Windows.Erreur de données: 2 : Impossible de trouver des gouverneurs FrameworkElement ou FrameworkContentElement pour l'élément cible. BindingExpression:Path=ShowPrice; DataItem=null; élément cible est "DataGridTextColumn’ (HashCode=32685253); cible de la propriété est la "Visibilité" (de type "Visibilité")

Le message est assez mystérieux, mais le sens est en fait assez simple: WPF ne sais pas qui FrameworkElement à utiliser pour obtenir le DataContext, parce que la colonne n'appartient pas à l'visuel ou logique de l'arbre de la grille de données.

Nous pouvons essayer de tordre le contraignant à obtenir le résultat souhaité, par exemple par la définition de la RelativeSource à la grille de lui-même:

<DataGridTextColumn Header="Price" Binding="{Binding Price}" IsReadOnly="False"
                Visibility="{Binding DataContext.ShowPrice,
                Converter={StaticResource visibilityConverter},
                RelativeSource={RelativeSource FindAncestor, AncestorType=DataGrid}}"/>

Ou nous pouvons ajouter une Case à cocher lié à ShowPrice, et d'essayer de lier la colonne de la visibilité à la propriété IsChecked en spécifiant le nom de l'élément:

<DataGridTextColumn Header="Price" Binding="{Binding Price}" IsReadOnly="False"
                Visibility="{Binding IsChecked,
                Converter={StaticResource visibilityConverter},
                ElementName=chkShowPrice}"/>

Mais aucune de ces solutions ne semble fonctionner, on obtient toujours le même résultat...

À ce point, il semble que la seule approche viable serait de changer la colonne de visibilité dans le code-behind, qui nous préférons généralement à éviter lors de l'utilisation du pattern MVVM... Mais je ne vais pas abandonner si tôt, du moins pas tout il y a d'autres options à considérer

La solution à notre problème est en fait assez simple, et prend avantage de la Gelé de la classe. Le principal but de ce cours est de définir des objets qui ont une modifiables et un état en lecture seule, mais ce qui est intéressant dans notre cas, c'est que Freezable objets peuvent hériter le DataContext, même quand ils ne sont pas dans le visuel ou l'arborescence logique. Je ne connais pas le mécanisme exact qui permet à ce problème, mais nous allons en profiter pour faire notre travail de liaison...

L'idée est de créer une classe (je l'ai appelé BindingProxy pour des raisons qui devrait devenir évident très vite) qui hérite Gelé et déclare une dépendance de Données de propriété:

public class BindingProxy : Freezable
{
    #region Overrides of Freezable

    protected override Freezable CreateInstanceCore()
    {
        return new BindingProxy();
    }

    #endregion

    public object Data
    {
        get { return (object)GetValue(DataProperty); }
        set { SetValue(DataProperty, value); }
    }

    //Using a DependencyProperty as the backing store for Data.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty DataProperty =
        DependencyProperty.Register("Data", typeof(object), typeof(BindingProxy), new UIPropertyMetadata(null));
}

On peut alors déclarer une instance de cette classe dans les ressources de la grille de données, et la liaison de Données à la propriété DataContext:

<DataGrid.Resources>
    <local:BindingProxy x:Key="proxy" Data="{Binding}" />
</DataGrid.Resources>

La dernière étape consiste à spécifier cette BindingProxy objet (facilement accessible avec StaticResource) comme la Source de la liaison:

<DataGridTextColumn Header="Price" Binding="{Binding Price}" IsReadOnly="False"
                Visibility="{Binding Data.ShowPrice,
                Converter={StaticResource visibilityConverter},
                Source={StaticResource proxy}}"/>

Noter que le chemin de liaison a été précédé par “Données”, car le chemin est maintenant par rapport à la BindingProxy objet.

La liaison fonctionne maintenant correctement, et la colonne est correctement affiché ou masqué sur la base de la ShowPrice propriété.