ElementName=This ? Possible ?

Version imprimable

29/04/2010, 17h10
cyberbobby

ElementName=This ? Possible ?

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
29/04/2010, 17h30
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 :D
29/04/2010, 19h08
Skyounet

Citation:

Envoyé par PitMaverick78

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 ?
29/04/2010, 19h48
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
29/04/2010, 21h46
cyberbobby

Citation:

Envoyé par Skyounet

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 ?

Citation:

Envoyé par Samoteph

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:

1 2 3 4 5 6 <UserControl ...> <Grid> <Border Background={Binding MonBackground, ???}/> </Grid> </UserControl>
Dans mon code behind du UserControl :
Code:

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.

Mets la en resource.

Code:

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:

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:

monUC.Bg = Colors.Blue;

30/04/2010, 06h53
cyberbobby

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

Merci beaucoup ! :ccool:

personnellement j'utilise une autre solution :

Code:

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:

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.

30/04/2010, 08h58
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 :ccool:

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) :
Citation:
Envoyé par Skyounet
Mets la en resource.
Code:

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:

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:

monUC.Bg = Colors.Blue;
bg se nomme monBackground dans les ressources.

Donc
Code:

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