Discussion :

[Sparky95]

Bonjour,
Je découvre le les interfaces graphiques C# WPF et j'essayais de faire une liaison d'une liste et d'un combobox via le XAML sans devoir utiliser le WPF.
Je m'explique

J'ai une liste que j'initialise au début avant de lancer la fenêtre.
j'ai donc essayé de faire un binding à mon combobox avec le nom de ma liste mais sans succes.
Je suis obligé de rajouter pour le moment la ligne ListCombobox.ItemsSource = lSrv;
Voici le code

Code C# - WPF :

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

1
2
3
4
5
6
7
8
public ObservableCollection<Server> lSrv { get => _lSrv; set => _lSrv = value; }
 
public MainWindow()
{
    InitListServers();
    InitializeComponent();
    CmbBox.ItemsSource = lSrv; //ligne que j'aimerais supprimer
}

Code C# - XAML :

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

1
2
3
<Grid>
    <ComboBox Name="CmbBox" ItemsSource ="{Binding Path=lSrv}"/>
</Grid>

Merci pour votre aide

[MABROUKI]

bonjour

j'essayais de faire une liaison d'une liste et d'un combobox via le XAML sans devoir utiliser le WPF.

code exemple combo
1/ code behind .cs du class data exemple:

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
23
24
25
26
27
28
29
30
31
using System;
using System.Collections.Generic;
 
namespace WpfComboExemple
{
    public class User
    {
        public int Id { get; set; }
        public string Nom { get; set; }
        public double Salaire  { get; set; }
        public User()
        {}
    }
    public class ListUsers:List<User>
    {
        private Random rnd = new Random();
        public ListUsers()
        {
            for (int i = 1; i < 11; i++)
            {
                User user = new User() 
                { 
                    Id = i, 
                    Nom = "user" + i.ToString(),
                    Salaire=rnd.Next(1050,2501)
                };
                this.Add(user);
            }
        }
    }
}

code xaml de la fenêtre :

Code XAML :

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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<Window x:Class="WpfComboExemple.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:WpfComboExemple" 
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <local:ListUsers x:Key="src"/>
    </Window.Resources>
    <Grid >
        <Grid.RowDefinitions>
            <RowDefinition Height="auto"/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <ComboBox 
            Grid.Row="0"
            x:Name="cbo"
            Width="120"
            IsEditable="true"  
            IsReadOnly="true" 
            SelectedValuePath="Salaire"
            ItemsSource="{Binding Source={StaticResource src}}">
 
            <ComboBox.ItemTemplate>
                <DataTemplate DataType="{x:Type local:User}">
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="{Binding Nom}"  />
                    </StackPanel>
                </DataTemplate>
            </ComboBox.ItemTemplate>
        </ComboBox>
        <StackPanel  
            Grid.Row="1"
            Background="Beige"
            >
            <TextBlock Margin="5" Text="{Binding ElementName=cbo,Path=SelectedItem.Id}"  />
            <TextBlock Margin="5" Text="{Binding ElementName=cbo,Path=SelectedItem.Nom}"  />
            <TextBlock Margin="5" Text="{Binding ElementName=cbo,Path=SelectedValue}"  />
        </StackPanel>
    </Grid>
</Window>

pas de code behind ....
-

[Sparky95]

Je suis occupé de tester mais suis-je obligé de créer un classe liste? ou la classe user + une fonction qui ajoute des éléments dans la liste avant l'initialisation de la fenêtre suffit?
Autre question je vois souvent des code ou il y a un "x:" x:name devant, pourquoi ce "x:"?
J'ai essayé 2-3 trucs pour faire comme toi.
Mais j'obtiens cette erreur.

Qu'est donc l'espace de noms?
N'y à-t-il pas moyen de faire la même chose sans créer de classe?
Car (corriges moi si je me trompes) la fenêtre si elle est crée après la liste elle peut directement accéder à la liste non?
Merci

[MABROUKI]

rebonjour

Un class custom et un class List sont exigibles pour faire du binding avec un combo Wpf...

- x:Key est une clé de type string qui permet de gerer un dictionaire de RESOURCES WP
Car il peut y avoir plusieurs class en dans le dictionnaire (x:Key ="src1" pour user1, x:key="src2" pour user2 etc...

- x:Name lui est simplement le nom du control ,par exemple x:name="cbo" est le nom du Combo exemple qu'on peut utiliser dans le code behind...

Pour le reste il faut lire la FAQ WPF du Forum ,il y a des tutos...

[Sparky95]

Ça va merci Quand aux tuto forum j'ai déjà commencé car nos cours en C# wpf sont vraiment bâclés. La donc des cours est plutôt le net que nos syllabus malheureusement.

[WDKyle]

Bonjour,

Il n'y a pas plus simple ? Je ferais comme ceci :

Code :

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

1
2
3
4
5
6
7
8
9
public ObservableCollection<Server> lSrv { get => _lSrv; set => _lSrv = value; }
 
public MainWindow()
{
    InitListServers();
    InitializeComponent();
 
	this.DataContext = this;
}

Code XAML :

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

1
2
3
<Grid>
    <ComboBox Name="CmbBox" ItemsSource ="{Binding Path=lSrv}"/>
</Grid>

Maintenant le DataContext est ta MainWindow et tu as donc accès à la variable lSrv depuis le XAML.

[Sparky95]

oui j'ai compris cela mais ce que je ne comprends pas c'est pourquoi je dois le lier en wpf (CmbBox.ItemsSource = lSrv;) alrs que je le lie déjà coté xaml.

[WDKyle]

https://stackoverflow.com/questions/...in-xaml-in-wpf

[Noxen]

Parce-que ton binding {Binding Path=lSrv} implique de rechercher la propriété lSrv sur le DataContext de la ComboBox. Or ce DataContext n'est jamais affecté. Il faudrait rajouter dans le constructeur de la MainWindow soit CmbBox.DataContext = this; pour le "setter" directement, soit DataContext = this;(comme le propose WDKyle) pour l'obtenir par transitivité. Quoi qu'il en soit dans les deux c'est une mauvais approche qui n'est pas en concordance avec la manière de faire en WPF (qui attend plutôt architecture MVVM).

[WDKyle]

Quoi qu'il en soit dans les deux c'est une mauvais approche qui n'est pas en concordance avec la manière de faire en WPF (qui attend plutôt architecture MVVM).

Quelle serait la bonne approche selon toi ?

Merci.

[Noxen]

Passer par du MVVM, comme recommandé dans le post que tu as mis en lien. Avec MVVMLight c'est relativement facile.