WPF problème affichage listview

**yuco1334** · 29/11/2012, 15h37

Bonjour,
je tourne en rond depuis quelques temps avec un problème d'affichage en wpf et je ne parviens pas à trouver une solution à mon problème.

Je dois créer une programme qui propose à l'utilisateur de saisir des champs de connexion à une base de donnée Mysql hébergée sur un serveur. Une autre fenêtre affiche ensuite une colonne qui affiche le nom des tables contenues dans la base de données et une autre colonne avec une checkbox pour chaque table. Si l'utilisateur coche la checkbox, une troisième colonne doit afficher les champs contenus dans la table correspondante (idem pour chaque table) et si il décoche la checkbox les champs correspondants doivent disparaître.
Je suis complètement perdue quant à cette troisième colonne...je ne parviens pas à trouver comment afficher/désafficher les champs des tables correspondantes. J'ai tellement lu et essayé de trucs à gauche et à droite (que je n'arrive pas à faire fonctionner...) que j'ai le cerveau en compote et je ne vois même plus quoi faire.
J'espère que vous pourrez m'éclairer et me suggérer une méthode à suivre,
d'avance merci pour votre aide.

**GuruuMeditation** · 30/11/2012, 10h41

Il y a plusieurs façons de faire, en voila une simple :

Le XAML :

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
 
<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:WpfApplication1="clr-namespace:WpfApplication1"
        Title="MainWindow"
        Height="350"
        Width="525">
    <Window.Resources>
        <WpfApplication1:BoolToVisibilityConverter x:Key="BoolToVisibilityConverter" />
    </Window.Resources>
 
 
 
    <Grid Background="Gray">
 
        <DataGrid ItemsSource="{Binding DBList}"
                  AutoGenerateColumns="False"
                  CanUserAddRows="False">
            <DataGrid.Columns>
                <DataGridTextColumn Binding="{Binding DBName}"
                                    IsReadOnly="True"></DataGridTextColumn>
                <DataGridCheckBoxColumn Binding="{Binding ShowDetail,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"></DataGridCheckBoxColumn>
                <DataGridTemplateColumn IsReadOnly="True">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <ListView ItemsSource="{Binding Tables}"
                                      Visibility="{Binding ShowDetail,Converter={StaticResource BoolToVisibilityConverter}}"></ListView>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
            </DataGrid.Columns>
        </DataGrid>
 
    </Grid>
</Window>

La classe MainWindows :

Code C# :

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
41
42
43
44
45
46
47
48
49
50
51
52
 
public partial class MainWindow
    {
 
        public List<DBData> DBList { get; set; }
 
        public MainWindow()
        {
            InitializeComponent();
 
            DBList = new List<DBData>
                {
                    new DBData{DBName = "Table1",ID = 1,ShowDetail = false, Tables = new List<string>{"Table1", "Table2", "Table3"}},
                    new DBData{DBName = "Table2",ID = 2,ShowDetail = false, Tables = new List<string>{"Table4", "Table5", "Table6"}}
                };
 
            DataContext = this;
 
        }
 
 
    }
 
 
    public class DBData : INotifyPropertyChanged
    {
        private bool _showDetail;
        public int ID { get; set; }
 
        public string DBName { get; set; }
 
        public bool ShowDetail
        {
            get { return _showDetail; }
            set
            {
                if (value.Equals(_showDetail)) return;
                _showDetail = value;
                OnPropertyChanged("ShowDetail");
            }
        }
 
        public List<string> Tables { get; set; }
        public event PropertyChangedEventHandler PropertyChanged;
 
        [NotifyPropertyChangedInvocator]
        protected virtual void OnPropertyChanged(string propertyName)
        {
            PropertyChangedEventHandler handler = PropertyChanged;
            if (handler != null) handler(this, new PropertyChangedEventArgs(propertyName));
        }
    }

Et le converter :

Code C# :

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 class  BoolToVisibilityConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            if ((bool) value)
                return Visibility.Visible;
 
            return Visibility.Collapsed;
        }
 
        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }

Voilà le principe : le datagrid binde vers une liste de type DBData, qui contient une ligne pour chaque DB.

La colonne checkbox binde vers une propriété ShowDetail de la classe DBData. Quand la propriété est changée, il y a un OnPropertyChange pour que l’évènement se propage.

Dans la dernière colonne, la propriété visibility de la listview qui affiche les noms des tables est aussi bindée sur la propriété ShowDetail. Mais comme ShowDetail est un booléen et que la propriété visibility est un enum Visibility, je dois passer par un converter pour changer le booléen en Visibility.

**yuco1334** · 30/11/2012, 11h20

Merci GuruuMeditation pour la réponse et les explications! Tu viens d'illuminer ma journée

J'essaye d'intégrer tout ça dans mon programme et je te tiens au courant.

**yuco1334** · 30/11/2012, 14h41

Voilà, ça marche!

Par contre j'avais encore un affichage bizarre dans la listview: "WpfApplication.Tables" au lieu du contenu de la liste.
C'est dû à quoi, tu sais comment je peux choisir les propriétés des éléments que je veux afficher?

Sinon j'ai remplacé cette satanée listview par un autre datagrid...d'un point de vue esthétique ce n'est pas vraiment pas ça mais ça affiche ce que je veux, donc ça roule!

Encore un grand merci