[WPF] Probléme de binding dans un UserControl :(

Version imprimable

Bonjour à tous,

Je souhaite créer un composant qui soit un menu, et dans ce menu j'ai des items qui contiennent comme valeurs un champ text, ainsi que le nom d'une classe qui sera chargé dans une frame

J'ai créé un UserControl qui fera office de l'item dans le menu et qui contient 1 TextBox ainsi qu'une propriéte Text

XAML

Code:

1
2
3
4
5
6
7
8
9
10
 
<UserControl x:Class="WPF_Test1.MonUserControl"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:WPF_Test1"
             >
  <StackPanel>
    <TextBox x:Name="MaTextBox" />
  </StackPanel>
</UserControl>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
    public partial class MonUserControl : System.Windows.Controls.UserControl
    {
        private string mText;
        public string Text
        {
            get { return this.mText; }
            set { this.mText = value; this.MaTextBox.Text = this.mText; }
        }
 
        public MonUserControl()
        {
            InitializeComponent();
        }
 
    }

dans ma fenetre principale j'ai une liste box qui elle fait office de menu et contien mes Items de type MonUserControl via un Template

XAML

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
  <Window.Resources>
    <DataTemplate x:Key="MenuItemTemplate" DataType="x:Type MonMenuItem">
      <Grid>
        <local:MonUserControl Text="{Binding Path=TextProperty}" />
      </Grid>
    </DataTemplate>
  </Window.Resources>
 
  <Grid x:Name="mainGrid">
    <ListBox ItemsSource="{Binding}" ItemTemplate="{StaticResource MenuItemTemplate}" x:Name="Liste" />
  </Grid>

enfin la class qui est chargé dans mon listbox se présente de la facon suivante :

C#

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
    class MonMenuItem: DependencyObject
    {
        public static DependencyProperty TextProperty = DependencyProperty.Register("Text", typeof(string), typeof(TilMenuItem));
 
        public MonMenuItem(string inText)
        {
            SetValue(TextProperty, inText);
        }
 
        // Label du lien
        public string Text
        {
            get { return (string)GetValue(TextProperty); }
            set { SetValue(TextProperty, value); }
        }
    }
 
    class MonMenu: ObservableCollection<MonMenuItem>
    {
        public MonMenu() { }
    }

Seulement voila, j'ai l'erreur suivante au chargement des données dans la ListBox

Citation:

Impossible de définir « Binding » sur la propriété « Text » de type « MonUserControl ». Un « Binding » peut uniquement être défini sur un DependencyProperty d’un DependencyObject.

Comment définir MonUserControl pour qu'il puisse accepter le Binding ?

merci d'avance pour votre aide

Alors pour ceux qui sont intéressé par la réponse voila un petit lien sympa
http://decav.com/blogs/andre/archive...or-window.aspx

Par rapport au code précédent on obtient ceci

Pour MonUserControl

XAML

Code:

1
2
3
4
5
6
7
8
9
10
11
 
<UserControl x:Class="WPF_Test1.MonUserControl"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:WPF_Test1"
    x:Name="MonUserControl_xaml"
             >
  <StackPanel>
    <TextBox x:Name="MaTextBox" Text={Binding  ElementName=MonUserControl_xaml, Path=Text} />
  </StackPanel>
</UserControl>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
    public partial class MonUserControl : System.Windows.Controls.UserControl
    {
        public static DependencyProperty TextProperty = DependencyProperty.Register("Text", typeof(string), typeof(MonUserControl ));
 
 
        public MonUserControl()
        {
            InitializeComponent();
        }
 
    }

Tu peux faire un tout petit peu plus simple (plus rapide à écrire en tous cas) :
Code:

1 2 3 4 5 6 7 8 9 10 <UserControl x:Class="WPF_Test1.MonUserControl" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="clr-namespace:WPF_Test1" > <StackPanel> <TextBox x:Name="MaTextBox" Text={Binding Text} /> </StackPanel> </UserControl>
En principe, le DataContext par défaut est ton UserControl il me semble... donc pas la peine de le préciser

13/09/2007, 11h25
UNi[FR]

Je viens de tester ta solution et malheureusement ça ne fonctionne pas car il ne détecte pas automatiquement le context donc il faut bien préciser le ElementName dans le Binding
13/09/2007, 11h32
tomlev

Oki... je maitrise pas encore très bien WPF en fait ;)
13/09/2007, 11h34
UNi[FR]

Moi non plus ;) je suis en phase d'apprentissage mais ca vient tout doucement !
17/07/2008, 15h51
Obligen

Justement, le code le plus simple est un mélange des deux, faire des bindings courts comme proposés par tomlev et lacher un DataContext="..." dans l'élément de plus haut niveau du content du controle, cela évite de préciser chaque fois l'ElementName :)