Drag and Drop entre ListView et TextBox

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Drag and Drop entre ListView et TextBox

NicoLag

Salut à tous,
Je viens vers vous car je n'arrive pas à trouver une réponse simple à mon problème.
Je voudrais, comme le titre l'indique, prendre un item de ma listview et le déposer dans ma textbox.
(Plus complètement je voudrais afficher dans la textbox le nom qu'il y a sur mon item et dans le Tag placer l'ID référencé avec)
Pour être plus clair je vais coller mon code...

Voici ma MainPage :

Code :

<Page
x:Class="DragDropTest.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:DragDropTest"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:data="using:DragDropTest.Models"
mc:Ignorable="d">
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="4*"/>
</Grid.ColumnDefinitions>
<ListView Name="myLV" ItemsSource="{x:Bind Persons}" CanDrag="True" DragItemsStarting="ListView_DragItemsStarting" CanDragItems="True">
<ListView.ItemTemplate>
<DataTemplate x:DataType="data:Person">
<StackPanel Orientation="Horizontal">
<Image Width="48" Source="{x:Bind Image}"/>
<StackPanel Orientation="Vertical">
<TextBlock Text="{x:Bind Name}"/>
<TextBlock Text="{x:Bind LastName}"/>
</StackPanel>
</StackPanel>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
<StackPanel Grid.Column="1" Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Center">
<TextBlock Text="Nom"/>
<TextBox Name="myTB" AllowDrop="True" DragOver="myTB_DragOver" Drop="myTB_Drop"/>
</StackPanel>
</Grid>
</Page>

Son code behind :

Code :

namespace DragDropTest
{
/// <summary>
/// Une page vide peut être utilisée seule ou constituer une page de destination au sein d'un frame.
/// </summary>
public sealed partial class MainPage : Page
{
private List<Person> Persons;
public MainPage()
{
this.InitializeComponent();
Persons = PersonManager.GetPerson();
}
private void ListView_DragItemsStarting(object sender, DragItemsStartingEventArgs e)
{
}
private void myTB_DragOver(object sender, DragEventArgs e)
{
e.AcceptedOperation = DataPackageOperation.Copy;
e.DragUIOverride.Caption = "Poser ici";
e.DragUIOverride.IsCaptionVisible = true;
e.DragUIOverride.IsContentVisible = true;
e.DragUIOverride.IsGlyphVisible = true;
}
private async void myTB_Drop(object sender, DragEventArgs e)
{
}
}
}

et ma classe Person :

Code :

namespace DragDropTest.Models
{
public class Person
{
public int ID { get; set; }
public string Name { get; set; }
public string LastName { get; set; }
public string Image { get; set; }
}
public class PersonManager
{
public static List<Person> GetPerson()
{
var persons = new List<Person>();
persons.Add(new Person { ID = 1, Name = "Joe", LastName = "Smith", Image = "Assets/male-01.png" });
persons.Add(new Person { ID = 2, Name = "Albert", LastName = "Martin", Image = "Assets/male-02.png" });
persons.Add(new Person { ID = 3, Name = "Claudine", LastName = "David", Image = "Assets/female-01.png" });
return persons;
}
}
}

Mon but étant que lors du déposer dans ma textBox, le prénom et le nom s'affiche dans la textBox et l'id se place dans la propriété Tag (si c'est possible bien sur!)
J'ai essayé plain de chose mais rien n'y fait !

Merci d'avance pour votre aide.
Nico

Publicité

NicoLag

Vraiment personne ne peut m'aider ?

TotalRecall

Si
Pour un truc sensé être super puissant et faciliter la vie moi je trouve ça lourd le drag drop en UAP.

Voilà un truc qui fait exactement ce que tu demandes, j'ai modifié deux méthodes de ton exemple :

Code :

private void ListView_DragItemsStarting(object sender, DragItemsStartingEventArgs e)
{
Person person = ((Person)e.Items[0]);
e.Data.SetText(person.ID + "-" + person.LastName + " " + person.Name);
}
private async void myTB_Drop(object sender, DragEventArgs e)
{
if (e.DataView.Contains(StandardDataFormats.Text))
{
var def = e.GetDeferral();
var s = await e.DataView.GetTextAsync();
string id = s.Substring(0, s.IndexOf('-'));
string name = s.Substring(s.IndexOf('-') + 1);
myTB.Text = name;
myTB.Tag = id;
e.AcceptedOperation = DataPackageOperation.Copy;
def.Complete();
}
}

L'idée c'est qu'au moment du Drag tu enregistres dans le DataPackage lié à l'événement le truc à emmener, et tu le récupères lors du Drop.

Là j'ai utilisé du Text et un bricolage à base de split pour passer l'id et le nom.
En théorie DataPackage a aussi une méthode SetData, mais je ne sais pas l'utiliser pour des objets Custom ( :na: ), mais on trouve des exemples sur Internet.
Mon exemple ne permet de dropper qu'un seul élément à la fois, mais c'est ce que tu veux apparemment.

Il y a peut être d'autre façons de faire (genre récupérer l'objet droppé avec les données qui ont servi à le binder) mais celle la fonctionne.

Message édité par TotalRecall le 10-07-2016 à 10:54:08

---------------
Réalisation amplis classe D / T Topic .Net - C# @ Prog

NicoLag

Merci TotalRecall !! :bounce:
J'allais poster une solution moins "propre" mais qui fonctionne pour moi :
J'ai créé une variable de "transfert" :

Code :

Person myP;

Au niveau du drag je l'ai mis sur le StackPanel du DataTemplate plutôt que sur la Listview elle même et j'ai fait la méthode suivante :

Code :

private void myLV_DragStarting(UIElement sender, DragStartingEventArgs args)
{
var senderElement = sender as FrameworkElement;
myP = (Person)senderElement.DataContext;
}

Et au niveau du Drop je recopie les valeurs de ma variable (dans mon projet finale il y aura plusieurs TextBox et du coup le Drop me permet de savoir ou copier mes infos) :

Code :

private void myTB_Drop(object sender, DragEventArgs e)
{
myTB.Text = myP.Name;
myTB.Tag = myP.ID;
myP = null;
}

C'est pas le plus correct mais pour moi ça fonctionne !!
Merci encore.
Nico

TotalRecall

C'est sale (variable privée utilisée juste pour ça et ça ne suit pas le modèle de développement suggéré par MS) mais ça marche aussi tant que tu ne gères pas des dizaines de drag drop entre des tas de contrôles différents
Fais juste quelques nulls check (ex : actuellement je pense que si on vient dropper sur ta textbox un truc qui vient de n'importe où, genre le bureau, ton programme explose en vol)

Message édité par TotalRecall le 11-07-2016 à 11:46:09

---------------
Réalisation amplis classe D / T Topic .Net - C# @ Prog

NicoLag

J'avais prévu de mettre des sécurités un peu partout. La mon code est très simplifié pour aller plus vite !
En tout cas encore merci pour ton aide. Je vais poster une autre question pour un autre petit problème. Mais celui ci est "réglé" !

FORUM HardWare.fr

Programmation

C#/.NET managed

Drag and Drop entre ListView et TextBox

Sujets relatifs
Majuscules dans une textbox	TextBox alimentant cellules dans deux feuille différentes
Additionner la valeur numérique de plusieurs TextBox	Création du boucle pour incrementation textbox
2 Textbox 2 boutons 2 couleurs	selectionner le texte d un textbox ou positionner curseu
html 5 drag and drop plusieurs fichier	Aligner une textBox ou ComboBox au reste du texte dans Word
Drag drop & changer les propriétés
Plus de sujets relatifs à : Drag and Drop entre ListView et TextBox

Page générée en 0.131 secondes