[C#][VS 2010][Silverlight]Problème affichage d'une listbox

Version imprimable

Bonjour,

j'essaye depuis ce matin d'utiliser un exemple obtenu sur le net. Il s'agit d'un drag and drop d'une ListBox à une autre. Je veux afficher le résultat de la fenêtre 2 lorsque je sélectionne un nom. Le problème c'est que je n'arrive pas ca plante. Merci de m'aider ou de me donne une direction.

Code:

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
<UserControl x:Class="Silverlight4.DragDropListBox.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:toolKit="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Toolkit">
    <Grid x:Name="LayoutRoot" Background="White" HorizontalAlignment="Center" VerticalAlignment="Center">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <TextBlock Text="Drag &amp; Drop ListBox Demo" FontSize="20" FontWeight="Bold" Foreground="Red" Margin="10"  Grid.Row="0"/>
        <StackPanel Orientation="Horizontal" Margin="10" Grid.Row="1">
 
            <toolKit:ListBoxDragDropTarget AllowDrop="True">
                <ListBox x:Name="customerListBoxMain" Height="200" Width="200" DisplayMemberPath="Name">
                    <ListBox.ItemsPanel>
                        <ItemsPanelTemplate>
                            <StackPanel Orientation="Vertical"/>
                        </ItemsPanelTemplate>
                    </ListBox.ItemsPanel>
                </ListBox>
            </toolKit:ListBoxDragDropTarget>
 
            <TextBlock Width="20" />
 
            <toolKit:ListBoxDragDropTarget AllowDrop="True">
                <ListBox Height="200" Width="200" DisplayMemberPath="Name" SelectionChanged="ListBox_SelectionChanged">
                    <ListBox.ItemsPanel>
                        <ItemsPanelTemplate>
                            <StackPanel Orientation="Vertical"/>
                        </ItemsPanelTemplate>
                    </ListBox.ItemsPanel>
                </ListBox>
            </toolKit:ListBoxDragDropTarget>
 
        </StackPanel>
    </Grid>
</UserControl>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
using System.Collections.ObjectModel;
 
namespace Silverlight4.DragDropListBox
{
    public class PersonDataProvider
    {
        public static ObservableCollection<Person> GetData()
        {
            return new ObservableCollection<Person>
                        {
                            new Person { Name = "Akash Sharma" },
                            new Person { Name = "Vinay Sen" },
                            new Person { Name = "Lalit Narayan" },
                            new Person { Name = "Madhumita Chatterjee" },
                            new Person { Name = "Priyanka Patil" },
                            new Person { Name = "Kumar Sanu" },
                            new Person { Name = "Victor Kapoor" }
 
                        };
        }
    }
}

Code:

1
2
3
4
5
6
7
8
 
namespace Silverlight4.DragDropListBox
{
    public class Person
    {
        public string Name { get; set; }
    }
}

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
using System.Windows.Controls;
using System.Windows;
 
namespace Silverlight4.DragDropListBox
{
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();
 
            customerListBoxMain.ItemsSource = PersonDataProvider.GetData();
        }
 
        private void ListBox_SelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            ListBoxItem lib = ((sender as ListBox).SelectedItem as ListBoxItem);
            string libelle = lib.ToString();
            //MessageBox.Show("Personne : " + libelle);
        }
    }
}

18/10/2011, 17h54
Golzinne

Pourrais-tu être plus précis sur la nature de ton problème ...

Qu'est-ce qui fonctionne et qu'est-ce qui ne fonctionne pas ?

Quand tu "drag" sur un élément de ton listbox, le vois-tu se déplacer ?
18/10/2011, 21h57
cescu

merci Golzinne d'essayer de m'aider. Je vais essayer d'expliquer ce que je veux faire. L'exemple que j'ai trouvé fonctionne très bien puisque j'arrive à faire des drag and drop d'une ListBox à l'autre sans problème. Ce que j'ai voulu faire c'est d'ajouter la ListBox_SelectionChanged mais je ne sais pas comment faire pour afficher les éléments sur lesquels je clique.

SelectedItem retourne une Person, pas un ListBoxItem.
Dans ta fonction doit être plutôt :

Code:

1
2
3
4
5
6
7
 
        private void ListBox_SelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            var lib = ((sender as ListBox).SelectedItem as Person);
            string libelle = lib.Name;
            MessageBox.Show("Personne : " + libelle);
        }

20/10/2011, 15h35
cescu

Merci beaucoup pour ton aide !

maintenant j'ai fait évoluer ma recherche sur les draganddropListbox et j'aimerais votre avis. Avec :

Code:

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
 
<UserControl x:Class="Silverlight4.DragDropListBox.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:toolKit="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Toolkit">
    <Grid x:Name="LayoutRoot" Background="White" HorizontalAlignment="Center" VerticalAlignment="Center">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <TextBlock Text="Drag &amp; Drop ListBox Demo" FontSize="20" FontWeight="Bold" Foreground="Red" Margin="10"  Grid.Row="0"/>
        <StackPanel Orientation="Horizontal" Margin="10" Grid.Row="1">
            <toolKit:ListBoxDragDropTarget AllowDrop="True">
                <ListBox x:Name="customerListBoxMain" Height="200" Width="200" 
                            DisplayMemberPath="diplome">
                    <ListBox.ItemsPanel>
                        <ItemsPanelTemplate>
                            <StackPanel Orientation="Vertical"/>
                        </ItemsPanelTemplate>
                    </ListBox.ItemsPanel>
                </ListBox>
            </toolKit:ListBoxDragDropTarget>
            <TextBlock Width="20" />
            <toolKit:ListBoxDragDropTarget AllowDrop="True">
                <ListBox Height="200" Width="200" DisplayMemberPath="diplome">
                    <ListBox.ItemsPanel>
                        <ItemsPanelTemplate>
                            <StackPanel Orientation="Vertical"/>
                        </ItemsPanelTemplate>
                    </ListBox.ItemsPanel>
                </ListBox>
            </toolKit:ListBoxDragDropTarget>
        </StackPanel>
    </Grid>
</UserControl>

Code:

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
 
using System.Windows.Controls;
using System.Windows;
using System.Net;
using System.Runtime.Serialization.Json;
using System;
 
 
namespace Silverlight4.DragDropListBox
{
    public partial class MainPage : UserControl
    {
 
        public Diplome[] dlp = {new Diplome { diplome = "Essai 1" }, new Diplome { diplome = "Essai 2" },
                                new Diplome { diplome = "Essai 3" }, new Diplome { diplome = "Essai 4" }};
 
        public MainPage()
        {
            InitializeComponent();
            customerListBoxMain.ItemsSource = dlp;
        }
    }
 
    public class Diplome
    {
        public string num_diplome { get; set; }
        public string diplome { get; set; }
        public string date_arrete { get; set; }
        public string type_diplome { get; set; }
        public string libelle_diplome { get; set; }
        public int debut { get; set; }
        public int fin { get; set; }
    }
}

je n'arrive pas à comprendre pourquoi dans ce cas, lorsque je déplace d'une fenetre à l'autre un libéllé Essai1 oi autre il ne disparait pas de l'endroit où je l'ai pris mais il apparait là où je l'ai laché. Une fois laché si je le prends pour le remettre dans sa listbox de départ il ne disparait pas de là où je l'ai pris 8O

Merci beaucoup

P.S. ne faites pas attention aux closes using superflues

20/10/2011, 19h05
GuruuMeditation

C'est parce que tu utilises un array[]. Si tu utilises ObservableCollection (ou toute collection qui implémente INotifyCollectionChanged ), ça va aller.
C'est la façon dont le contrôle fonctionne, si ce n'est pas une collection qui implémente INotifyCollectionChanged, il n'y a pas toutes les possibilités de drag and drop.
21/10/2011, 10h48
Golzinne

c'est bon à savoir, moi j'avais le problème inverse, j'utilisais une observable collection mais je ne voulais pas que mon item s'efface de ma source. Je vais donc mettre un array.
21/10/2011, 13h31
cescu

Merci infiniment GuruuMeditation !!!!!!!!!

ça marche. J'ai réussi grace à toi. Mon problème supllémentaire était que dans ObservableCollection je devais mettre une liste de nom issue d'une désérialisation. A travers PHP je récupère le résultat d'une requète Mysql que je veux envoyer dans ma listeBoxDragandDrop.

Golzinne, sans le vouloir mais avec un réél plaisir j'ai répondu à une de tes questions que tu n'avais jamais posée :)