Discussion :

[cyberbobby]

Bonjour,

Petite question concernant le Binding sur ElementName.

En fait, j'ai un UserControl qui a son DataContext bindé sur ma VM. J'aimerais binder des propriétés (Background) de composant se trouvant dans ma vue sur des propriétés de la vue.

Donc, par exemple, j'ai une Border dans ma vue, j'aimerais la binder sur une propriété BrushBorder qui se trouve dans ma vue et non dans ma VM.

Pour se faire, rien de plus simple, je mets un x:Name à mon UserControl et j'utilise ElementName dans mon Binding en spécifiant ce nom.

Tout fonctionne bien jusqu'a quand je veux ajouter plusieurs de ces composants dans le même StackPanel et là, erreur, le StackPanel ne peut pas contenir plusieurs composants de même nom (truc du genre).

Donc, je me demandais s'il n'était pas possible de faire quelque chose du style (ElementName=This) en Silverlight ? J'ai testé, ça n'a pas fonctionné et n'ai pas trouvé beaucoup de doc là dessus sur le net.

RelativeSource=Self ne donnait rien non plus.

Merci d'avance

[Nathanael Marchand]

Effectivement ca ne peut pas marcher: ElementName cherche dans les ressources un élément qui a la chaine spécifiée en x:Key

Edit: si tu trouves une solution je suis preneur vu que j'ia le même problème

[Skyounet]

Effectivement ca ne peut pas marcher: ElementName cherche dans les ressources un élément qui a la chaine spécifiée en x:Key

Ca c'est avec Source={StaticResource ...}

Et en mettant le LayoutRoot de l'UC en ElementName au lieu de l'UC en lui même ?

[Samuel Blanchard]

Pourrais-tu montrer le code (pas besoin du projet, juste le XAML). Je ne suis pas sur d'avoir très bien compris ce que tu veux

[cyberbobby]

Ca c'est avec Source={StaticResource ...}

Et en mettant le LayoutRoot de l'UC en ElementName au lieu de l'UC en lui même ?

Bah en fait, je voulais accéder directement à l'UC pour binder vers les propriétés du code behind (de cet UC), je ne pense pas qu'en bindant sur la Grid j'y arriverais, j'arriverai seulement à binder sur les propriétés de cette grid non ?

[cyberbobby]

Pourrais-tu montrer le code (pas besoin du projet, juste le XAML). Je ne suis pas sur d'avoir très bien compris ce que tu veux

Je peux poster du code demain, je n'ai pas le projet sous la main.
Mais en fait, je voulais juste binder le Background d'une Border sur une propriété se trouvant dans le code behind du UserControl la contenant.

En gros, voici un ptit exemple rapide :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<UserControl ...>
   <Grid>
       <Border Background={Binding MonBackground, ???}/>
   </Grid>
</UserControl>

Dans mon code behind du UserControl :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
public MonUC()
{
   this.DataContext = new VM_MonUC();
}
 
private SolidColorBrush _monBackground;
public SolidColorBrush MonBackground
{
   get { return _monBackground; }
   set { _monBackground = value; RaisePropertyChange("MonBackground"); }
}

Voilà en gros ... Une solution serait biensûr de placer MonBackground dans VM_MonUC mais j'aimerais garder tout ce qui est Design/Graphique dans ma vue et non dans ma VM.

Voilà, j'espère avoir été plus clair.
Si tu as des questions supplémentaires, n'hésite pas.

Merci pour ton (votre) aide.

[Skyounet]

Mets la en resource.

Code xml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<UserControl>
   <UserControl.Resources>
      <SolidColorBrush x:Key="monBackground" />
   </UserControl.Resources>
   <Grid>
       <Border Background="{StaticResource monBackground}"/>
   </Grid>
</UserControl>

Pis en code behind

Code c# :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
public Color Bg
{
    get { return (this.Resources["bg"] as SolidColorBrush).Color; }
    set { (this.Resources["bg"] as SolidColorBrush).Color = value; }
}

Pour changer la couleur

Code c# :

Sélectionner tout - Visualiser dans une fenêtre à part

monUC.Bg = Colors.Blue;

[cyberbobby]

Ok, parfait, je vais utiliser cette solution. :-)

Merci beaucoup !

[Samuel Blanchard]

personnellement j'utilise une autre solution :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
 
public MonUC()
{
   this.LayoutRoot.DataContext = this;
   this.MonVM = new MonVM();
}
 
private MonVM _monVM;
public MonVM MonVM()
{
   get { return _monVM; }
   set { _monVM = value; RaisePropertyChange("MonVM"); }
}
 
private SolidColorBrush _monBackground;
public SolidColorBrush MonBackground
{
   get { return _monBackground; }
   set { _monBackground = value; RaisePropertyChange("MonBackground"); }
}

coté XAML ça donne ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<UserControl ...>
   <Grid>
       <Border Background="{Binding MonBackground}"/>
       <TextBlock Text="{Binding MonVm.MonText}"/>
   </Grid>
</UserControl>

J'avais expliqué le principe dans un billet de mon Blog, il y a quelque temps.

[cyberbobby]

Ah ouais, c'est pas mal non plus comme solution ... ;-)

Vais voir laquelle j'utilise ^^

Pas mal 2 solutions pour résoudre un problème.

Merci

[cyberbobby]

Sauf erreur de ma part, je me permets de corriger une petite erreur dans le code de Skyounet (Dans le souci de ne pas laisser une erreur dans le post) :

Mets la en resource.

Code xml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<UserControl>
   <UserControl.Resources>
      <SolidColorBrush x:Key="monBackground" />
   </UserControl.Resources>
   <Grid>
       <Border Background="{StaticResource monBackground}"/>
   </Grid>
</UserControl>

Pis en code behind

Code c# :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
public Color Bg
{
    get { return (this.Resources["bg"] as SolidColorBrush).Color; }
    set { (this.Resources["bg"] as SolidColorBrush).Color = value; }
}

Pour changer la couleur

Code c# :

Sélectionner tout - Visualiser dans une fenêtre à part

monUC.Bg = Colors.Blue;

bg se nomme monBackground dans les ressources.

Donc

Code c# :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
public Color Bg
{
    get { return (this.Resources["monBackground "] as SolidColorBrush).Color; }
    set { (this.Resources["monBackground "] as SolidColorBrush).Color = value; }
}