Discussion :

[WebPac]

Bonjour tout le monde,
j'ai une listbox qui possède une liste d'opérateurs. Je souhaite les afficher dans la ListBox avec une présentation de grille et non de panel.
Le problème est que je n'arrive pas à définir la ligne pour chaque item.
D'ailleurs dans le code exemple que je mets en dessous, les items devraient se mettre dans la ligne N°2 mais en fait sont représentés dans la première ligne, ça ne fonctionne donc pas.

Merci pour votre aide, je cherche sur internet mais ne trouve pas d'exemple comme le mien, on dirait que tout le monde ne met que des panels en DataTemplate d'un ListBox.

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
32
<ListBox ItemsSource="{Binding Source={StaticResource odpOperateur}}">
                <ListBox.ItemsPanel>
                    <ItemsPanelTemplate>
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition/>
                                <RowDefinition/>
                                <RowDefinition/>
                                <RowDefinition/>
                                <RowDefinition/>
                                <RowDefinition/>
                                <RowDefinition/>
                                <RowDefinition/>
                                <RowDefinition/>
                                <RowDefinition/>
                                <RowDefinition/>
                                <RowDefinition/>
                                <RowDefinition/>
                                <RowDefinition/>
                            </Grid.RowDefinitions>
                        </Grid>
                    </ItemsPanelTemplate>
                </ListBox.ItemsPanel>
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <RadioButton Content="{Binding}"
                                     GroupName="gOperateur"
                                     IsChecked="{Binding Path=IsSelected, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListBoxItem}}}"
                                     Grid.Row="2"/>
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>

[WebPac]

J'ai trouvé une solution, mais elle n'est pas en XAML, elle est en C#, c'est dans l'événement Load que je redéfinie la position de chaque item :

Code :

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

1
2
3
4
5
6
7
8
        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            for (int i = 0; i < lbOperateur.Items.Count; i++)
            {
                ListBoxItem item = (ListBoxItem)lbOperateur.ItemContainerGenerator.ContainerFromItem(lbOperateur.Items[i]);
                Grid.SetRow(item, i);
            }
        }

Ca fonctionne à l'exécution, par contre, du coup, dans le Designer, cela ne s'affiche toujours pas convenablement.

Si vous avez une solution en XAML, je suis preneur, merci.

[Jérem22]

Ce que essayes de faire me fait bcp penser à un ListView en mode GridView ou encore à une DataGrid. Il y a une raison qui fait que tu veux rester avec un ListBox ?

[WebPac]

Je n'ai pas de préjugés sur d'autres composants, j'utilise juste une ListBox car c'est elle qui avait déjà été utilisée dans d'autres fenêtres.

Mais en fait, je ne sais pas utiliser une ListView et afficher les éléments dedans comme dans une Grid, as-tu un exemple simple à me présenter, stp ?

[WebPac]

Bonjour,

j'ai regardé un peu plus en avant un exemple d'utilisation d'un ListView mais ça ne fait pas ce que je souhaite.
Un Listview permet d'afficher des items les uns en dessous des autres comme dans un panel et permet d'afficher les propriétés de ces items dans différentes colonnes d'une grille.

Ce que je souhaite c'est que ces items soient affichés non pas dans un panel mais dans une grille afin que leur espacement vertical soit proportionnel et que le dernier élément soit tout en bas.

En fait, je cherche à faire comme une liste de RadioButton dans un RadioGroup.

[Thomas Lebrun]

En fait, je cherche à faire comme une liste de RadioButton dans un RadioGroup.

Ben, pour faire ca en WPF, on utilise une ListBox sur laquelle on modifie sont template et le template des items.

Donc, tu peux sans doute y arriver de la même manière...

[binoo]

Est-ce qu'en utilisant un WrapPanel dans le ItemsPanelTemplate, tu ne peux pas obtenir ce que tu veux ?

Code xml :

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

1
2
3
4
5
6
7
8
9
10
                    <Style TargetType="ListBox" >
                      <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Disabled"/>
                      <Setter Property="ItemsPanel">
                        <Setter.Value>
                          <ItemsPanelTemplate>
                            <WrapPanel Width="200" /> <!-- largeur en dur pour le test et ne pas voir la ScrollBar horizontale -->
                          </ItemsPanelTemplate>
                        </Setter.Value>
                      </Setter>
                    </Style>

[WebPac]

Merci pour vos aides.

@ Thomas Lebrun : en effet en modifiant les différents template, je dois y arriver, c'est d'ailleurs la solution que je cherche à obtenir, le seul problème qu'il me reste est d'arriver à définir la ligne dans la grille pour chacun des items.
J'ai trouvé comment le faire en C# mais pas encore en XAML.

@ binoo : désolé mais ça ne fait pas ce que je cherche à obtenir, je souhaite avoir une grille et non un panel dans l'ItemsPanelTemplate.

[ikeas]

je sais pas si j'ai bien compris
mais tu veux mettre une ligne sous chaque item de ta liste ou c'est pas ca sinon c'est relativement simple en modifiant les style avec blend

[Thrud]

Bonjour,

Je suis pas sur d'avoir bien compris non plus, mais en utilisant une UniformGrid, avec une seule colonne ?

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
32
33
34
35
36
37
38
39
40
41
<Page
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<Page.Resources>
<XmlDataProvider x:Key="odpOperateur" XPath="Operateurs/*">
<x:XData>
<Operateurs xmlns="">
<Operateur Name="Operateur0" />
<Operateur Name="Operateur1" />
<Operateur Name="Operateur2" />
<Operateur Name="Operateur3" />
<Operateur Name="Operateur4" />
<Operateur Name="Operateur5" />
<Operateur Name="Operateur6" />
<Operateur Name="Operateur7" />
<Operateur Name="Operateur8" />
<Operateur Name="Operateur9" />
</Operateurs>
</x:XData>
</XmlDataProvider>
</Page.Resources>
<Grid> 
<ListBox ItemsSource="{Binding Source={StaticResource odpOperateur}}">
<ListBox.ItemsPanel>
<ItemsPanelTemplate>
<UniformGrid Columns="1" />
</ItemsPanelTemplate>
</ListBox.ItemsPanel>
<ListBox.ItemTemplate>
<DataTemplate>
<RadioButton Content="{Binding XPath=@Name}"
GroupName="gOperateur"
IsChecked="{Binding Path=IsSelected, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListBoxItem}}}"
Grid.Row="2"/>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
</Grid>
</Page>

[WebPac]

Salut,

désolé je n'utilise pas Blend, j'utilise juste Visual Studio, je suis plus développeur côté code C# que designer mais je m'éforce d'avoir les 2 casquettes.

Mon soucis n'est pas d'afficher les éléments en RadioButton, ni de changer le Template du ListBox afin de mettre un Grid.
Mon soucis est que chaque item dans la ListBox soit sur la même ligne, la ligne 0. Je voudrais arriver à trouver comment spécifier en XAML que chaque élément doit se situer en dessous les uns des autres.
J'ai déjà trouvé la solution en C# dans l'évément Load de la form, ça fonctionne après compilation, mais pas en mode design dans Visual Studio.

Si vous savez comment faire, je suis intéressé, merci.

[WebPac]

C'est bien une UniformGrid dont j'avais besoin dans l'ItemsPanelTemplate.
Ca donne exactement ce que je cherchais à obtenir, je ne connaissais pas ce composant.

Merci à tout le monde, bye.