Discussion :

[UNi[FR]]

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 :

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

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>

C#

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
 
    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 :

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

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 :

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
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

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

[UNi[FR]]

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 :

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

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>

C#

Code :

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

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();
        }
 
    }

[tomlev]

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

Code :

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

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

[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

[tomlev]

Oki... je maitrise pas encore très bien WPF en fait

[UNi[FR]]

Moi non plus je suis en phase d'apprentissage mais ca vient tout doucement !

[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