Selection depuis une Treeview Tkinter

Version imprimable

Bonjour tout le monde , dans mon code python j'aimerais bien selectionner un item depuis un treeview Tkinter qui affiche des enregistrements de ma base de données PostgreSQL .J 'ai mis un boutton pour supprimer l'item selectionné ( selectionné depuis un click de la souris ) , mais je ne sais pas quoi mettre comme fonction pour commander ce boutton : j'ai essayé ça ... :
Code:

1 2 3 4 5 def supprimer : connect() cur = conn.cursor() cur.execute("""DELETE FROM phonebook WHERE WHERE Prenom = '%s' AND Nom = '%s'""",%(firstname_selected, lastname_selected))
Puis je ne sais pas comment firstname_selected et lastname_selected reçoivent les valeurs de l'item selectionné , merci bien . Voila la definition de ma Treeview :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 scrollbar = Scrollbar(fenetre) scrollbar.place (x = 670 , y = 170) # la creation de la TreeView tv = ttk.Treeview(fenetre, show='headings', height =3, yscrollcommand=scrollbar.set) tv["columns"]=("col1","col2","col3") tv.column("col1",width=80,anchor="center", stretch = True, minwidth = 50) tv.column("col2",width=80,anchor="center") tv.column("col3",width=110,anchor="center") tv.heading("col1",text="Prénom") tv.heading("col2",text="Nom") tv.heading("col3",text="Phone number") tv.place( x = 400 , y = 120) scrollbar.config(command=tv.yview)

Salut,

Comme je ne vois pas trop comment vous voulez faire cela et que le code que vous nous montrez est bien trop succin pour "imaginer"... Je ne puis que vous faire que quelques suggestions.

Etudiez le tutorial et la documentation de ttk.Treeview.
Les points à regarder sont:

associer un tag à une méthode, genre:
tree.bind_tag('ItemClicked', key, <method>)
associer le tag à l'item de la treeview avec tree.insert(...., tag='ItemClicked')

Puis, comment récupérer l'item qui à le focus (tree.focus) ou les items sélectionnés via tree.selection().

Simplifiez! Bon d'accord vous voulez mettre à jour votre BDD à partir de l'interface... mais le code qui fera tout çà sera "gros" et les éventuels exemples difficiles à reproduire "ailleurs".

Dans un premier temps vous pourriez remplacer la base de donnée par une collection quelconque: liste ou un dictionnaire... et voir interfacer dans un premier temps comment interfacer les opérations d'ajout, suppresion, mise à jour de la collection "simple"... et la remplacer plus tard par la table de la BDD (autre collection mais on ne va pas se taper l'installation de PostGresSQL juste pour voir...).

Le code ci dessous "illustre" cela et propose une méthode pour relier l'item affiché dans la Treeview à l'élément représenté de la collection.
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 import Tkinter as tk import ttk HEADERS = ('id', 'name', 'lastname', 'phone') ROWS = [ ('Dupont', 'Jean', 12356), ('Doe', 'John', 6789)] root = tk.Tk() def item_delete(event): tree = event.widget iid = tree.focus() if iid.startswith('it.'): ix = int(iid[3:]) # get record id from iid assert ix >= 0 and ix < len(ROWS), 'fatal: %d not in range, iid=%s' % (ix, iid) del ROWS[ix] tree.delete(iid) tree = ttk.Treeview(root) #tree.display(HEADERS, ROWS) tree.pack(side=tk.BOTTOM,fill=tk.X) tree.tag_bind('mb3_click', '<3>', item_delete) tree["columns"]=HEADERS for ix, row in enumerate(ROWS): iid = 'it.%d' % ix # link widget item to record id tree.insert('','end', iid, text=str(ix), values=row, tags=('mb3_click',)) root.mainloop() print 'done'
Bon courage,
- W

03/12/2011, 16h13
PauseKawa

Bonjour,

Est il possible d'avoir une explication sur:

Code:

tree.display(HEADERS, ROWS)

D’où viens la méthode display ?

Merci
03/12/2011, 16h44
wiztricks

Oops

Citation:

Envoyé par PauseKawa

Est il possible d'avoir une explication sur:

Code:

tree.display(HEADERS, ROWS)

D’où viens la méthode display ?

De mon indécision:cry:

En fait, tel que Tkinter est construit, il n'est pas indispensable de sous classer les widgets... mais j'ai des difficultés à penser comme çà. "Spontanément", je sous classe, puis je simplifie...

Parfois, il reste des scories... et pour peu que je sois interrompu, je poste un machin "pas fini"! Il y avait aussi des typos dans item_delete.
Désolé.
- W

Ok. En fait comme le po a fait plusieurs sujets sur le thème j'avais penser que cela venais d'un autre fil.

Ceci dit il me semble hasardeux d'utiliser tag_bind (ou bind) et .focus() (et surtout '<3>' !) pour un delete.
Un exemple:

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
40
41
42
43
44
45
try:
    from Tkinter import *
    import ttk
except:
    from tkinter import *
    from tkinter import ttk
 
ROWS = [('Dupont', 'Jean', 12356), ('Doe', 'John', 6789), ('Chaplin', 'Charlie', 67891)]
 
fenetre = Tk()
 
def on_click(event):
    seltxt = tv.set(tv.selection(), 'col1') or 'None'
    labsel.configure(text=seltxt)
    selfocus = tv.set(tv.focus(), 'col1') or 'None'
    labfocus.configure(text=selfocus)
 
frm = Frame(fenetre)
labseltitle = Label(frm, text='selection')
labseltitle.grid(row=0, column=0, sticky=E+W, padx=5)
labsel = Label(frm, text='None')
labsel.grid(row=1, column=0, sticky=E+W, padx=5)
labfocustitle = Label(frm, text='focus')
labfocustitle.grid(row=0, column=1, sticky=E+W, padx=5)
labfocus = Label(frm, text='None')
labfocus.grid(row=1, column=1, sticky=E+W, padx=5)
frm.pack(fill=Y)
# la creation de la TreeView 
tv = ttk.Treeview(fenetre, show='headings',  height=3, selectmode='browse')
tv["columns"]=("col1", "col2", "col3")
tv.column("col1", width=80, anchor="center")
tv.column("col2", width=80, anchor="center")
tv.column("col3", width=110, anchor="center")
tv.heading("col1", text="Nom")
tv.heading("col2", text="Prenom")
tv.heading("col3", text="Phone number")
tv.pack()
for row in ROWS:
    tv.insert('','end', text=row[0], values=row, tags=('mb3_click',))
tv.bind("<Button-1>", on_click)
#tv.bind("<Button-3>", on_click)
tv.tag_bind('mb3_click', '<3>', on_click)
Button(fenetre, text='Test', command=lambda: on_click(None)).pack()
 
fenetre.mainloop()

Dans le cas d'un bind je pense qu'il est préférable d'utiliser les méthodes .identify_* du Widget.

@+

Citation:

Envoyé par PauseKawa

Ceci dit il me semble hasardeux d'utiliser tag_bind (ou bind) et .focus() (et surtout '<3>' !) pour un delete.

Comment çà hasardeux?
En fait, c'est juste pour "montrer" le chemin et les primitives à utiliser pour faire le lien entre item du widget et élément de la collection.
Ce que vous avez zappé dans votre exemple ;-(

Une autre façon de faire est d'avoir une map "entre" les items et les "rows", genre:
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 import Tkinter as tk import ttk HEADERS = ('name', 'lastname', 'phone') WIDTH = (80, 80, 100) ROWS = [('Dupont', 'Jean', 12356), ('Doe', 'John', 6789), ('Chaplin', 'Charlie', 67891)] def on_delete(event): do_delete(event.widget) def do_delete(tree): c = { iid: tree.map[iid] for iid in tree.selection() if iid in tree.map } for k, v in c.items(): del tree.map[k] #ROWS.remove(v) tree.delete(*list(c.keys())) def do_rebuild(tree): rows = set(ROWS) - set(tree.map.values()) for row in rows: iid = tv.insert('', 'end', text=row[0], values=row, tags=('mb3_click',)) tv.map[iid] = row root = tk.Tk() tv = ttk.Treeview(root, show='headings', height=3) tv.map = {} tv["columns"]=HEADERS for e, w in enumerate(WIDTH): tv.column(HEADERS[e], width=w, anchor="center") for x in HEADERS: tv.heading(x, text=x) tv.tag_bind('mb3_click', '<3>', on_delete) do_rebuild(tv) tv.pack() tk.Button(root, text='Delete', command=lambda: do_delete(tv)).pack(side='left') tk.Button(root, text='Reset', command=lambda: do_rebuild(tv)).pack(side='left') root.mainloop()
Dans cette mouture, on détruit en cliquant sur le bouton "Delete" ou sur MB3... et en plus on a le droit de rejouer...
- W

04/12/2011, 08h11
PauseKawa

Bonjour,

Ma remarque ne concerne que le coté utilisateur: Je trouve hasardeux de faire une suppression avec un clic droit.

@+

ps:

Vu l'import c'est

Code:

c = dict([(iid, tree.map[iid]) for iid in tree.selection() if iid in tree.map]

(PEP274).

Ok --> []
04/12/2011, 10h35
wiztricks

Citation:

Envoyé par PauseKawa

Ma remarque ne concerne que le coté utilisateur: Je trouve hasardeux de faire une suppression avec un clic droit.

Cela évite aux abrutis du "cut&paste de mettre" une simple "illustration" en production.

Citation:

Vu l'import c'est

Code:

c = dict([(iid, tree.map[iid]) for iid in tree.selection() if iid in tree.map]

(PEP274).

Le dict comprehension sont 2.7/3.1 et "{" dictionnary_display "}" une construction légale pour déclarer un nouveau dico.
Il a voulu dire quoi le monsieur?

- W
04/12/2011, 10h46
PauseKawa

Qu'il n'avais pas penser à la 2.7: mea culpa
05/12/2011, 10h14
Ismatus1

Bonjour wiztricks , bonjour PauseKawa , merci bien pour votre riche explication , on fait je dois relire la documentation proposé de wiztricks , et essayer de comprendre ce que vous m'aviez proposer comme solutions

Je viens de testerla solution de PauseKawa , en fait j'ai ajouté à mon code une fonction on_click() , et à la fin de la création de la Treeview les deux commandes comme ainsi :
Code:

1 2 3 4 5 6 def on_click(event): seltxt = tv.set(tv.selection(), 'col1') or 'None' print seltxt lab7.configure(text="L'id selectioné est : %s"%seltxt.decode('utf-8')) # selfocus = tv.set(tv.focus(), 'col1') or 'None' # labfocus.configure(text=selfocus)
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 # la creation de la TreeView tv = ttk.Treeview(fenetre, show='headings', height =3, yscrollcommand=scrollbar.set) tv["columns"]=("col1","col2","col3") tv.column("col1",width=80,anchor="center", stretch = True, minwidth = 50) tv.column("col2",width=80,anchor="center") tv.column("col3",width=110,anchor="center") tv.heading("col1",text="Prénom") tv.heading("col2",text="Nom") tv.heading("col3",text="Phone number") tv.place( x = 400 , y = 120) scrollbar.config(command=tv.yview) tv.bind("<Button-1>", on_click) tv.tag_bind('mb3_click', '<3>', on_click)
La fonction on_click() est bien la fonction que commande le Boutton supprimer de mon code juste pour tester , en execution et quand je clicke sur un item ; ça affiche l'erreur :

Code:

UnicodeDecodeError: 'ascii' codec can't decode byte 0xc3 in position 14: ordinal not in range(128)

Le meme chose si j'enleve :

Code:

.decode('utf-8')

, quand je mets la ligne :

Code:

lab7.configure(text="L'id selectioné est : %s"%seltxt.decode('utf-8'))

en commentaire , ça marche bien mais quand je selectionne le 1er item qui est "Prénom1" , ça affiche "None" , ça affiche "Prénom1" que lorsque je clicke la deuxieme fois , mais le boutton fonctionne bien ...

05/12/2011, 13h39
Ismatus1

Ok ça marche enfine en remplacent : decode() par encode()
05/12/2011, 14h19
Ismatus1

Là , vu que j'ai seulement 3 champs dans ma Treeview , je ne sais pas comment indiquer ou recuperer la valeur de l'id selectionnée ...

Citation:

Envoyé par Ismatus1

Là , vu que j'ai seulement 3 champs dans ma Treeview , je ne sais pas comment indiquer ou recuperer la valeur de l'id selectionnée ...

Dans le premier exemple donné:
Code:

1 2 3 4 5 for ix, row in enumerate(ROWS): iid = 'it.%d' % ix # link widget item to record id tree.insert('','end', iid, text=str(ix), values=row, tags=('mb3_click',))
Le "ix" peut être remplacé par l'ident du record BDD pour l'associer à l'item.

Dans le deuxième exemple:
Code:

1 2 3 4 5 def do_rebuild(tree): rows = set(ROWS) - set(tree.map.values()) for row in rows: iid = tv.insert('', 'end', text=row[0], values=row, tags=('mb3_click',)) tv.map[iid] = row
on récupère l'iid construit par défaut par Treeview et on fait la correspondance via un dict (le .map).

Vous avez le choix des embarras.
- W

salut wiztricks , merci ami pour me répondre , mais vraiment j'arrive pas à comprendre tout ton code , en fait j'ai pu resumé mon code de nouveau :

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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
#! /usr/bin/python
#-*- coding:Utf-8 -*-
 
from Tkinter import *
import ttk
import psycopg2
 
def center(window):
 
    sw = window.winfo_screenwidth()
    sh = window.winfo_screenheight()
    rw = window.winfo_reqwidth()
    rh = window.winfo_reqheight()
    xc = (sw - rw) / 2
    yc = (sh -rh) / 2
    window.geometry("+%d+%d" % (xc, yc))
    window.deiconify() 
 
# La fonction inserer ou afficher
 
def afficher() : 
    connect()
    cur = conn.cursor()
    cur.execute("set client_encoding to 'UTF8'; SELECT * from firsttable")
 
    rows = cur.fetchall()
 
    if rows :
 
        b = StringVar()
        b = ""
 
        for z in rows:
                    b += z[1].strip() + "  " + "|" + "  " +  z[2].strip() + "  " + "|" + "  " + z[3].strip() + "\n" 
                    print b                    
                    tv.insert("","end", values=("%s %s %s %s"%(z[0], z[1].decode('utf-8'), z[2], z[3])))
                    lab6.config(text = "%s"%b)
                    listb.insert(END, z[1])
    cur.close()
    conn.commit()
 
def on_click(event):
    seltxt = tv.set(tv.selection(), 'Id') or 'None'
 
 
 
    print seltxt.encode('utf-8')
    lab7.configure(text="L'id selectioné est : %s"%seltxt.encode('utf-8'))
    connect()
    cur = conn.cursor()
 
    cur.execute("""DELETE FROM firsttable WHERE Idpersonnes = '%s' """%seltxt)
 
# La connexion à la base de données
 
def connect() :
    global conn
    conn = psycopg2.connect("host='localhost' dbname='firstbase' user='postgres' password='bakpostgresql' ")
 
#def itemremove():
 
def item_delete(event):
    connect()
    cur = conn.cursor()
    tv = event.widget
    iid = tv.focus()
    if iid.startswith('it.'):
        ix = int(iid[3:])  # get record id from iid
        assert ix >= 0 and ix < len(ROWS), 'fatal: %d not in range, iid=%s' % (ix, iid)
        del ROWS[ix]
        tv.delete(iid)    
 
# Linterface :
 
fenetre=Tk()
fenetre.geometry("700x400")
fenetre.title('             Test Data')  
 
firstnamevar = StringVar()
lastnamevar = StringVar()
Phonevar = IntVar()
 
f1 = Frame(fenetre, bg="#290080",  width=500, height=500)
f1.pack( fill=X, expand=0)
f2 = Frame(fenetre, bg="white",  width=215, height=135)
f2.place(x=130 , y=213)
 
lab1 = Label(fenetre, text="Voila la table testtable de la base testbase" , bg = "#290080", fg = "white" )
lab1.place ( x=100 , y=15 )
 
lab2 = Label(fenetre, text="Prénom" , bg = "#290080", fg = "white" )
lab2.place ( x=30 , y=100 )
lab3 = Label(fenetre, text="Nom" , bg = "#290080", fg = "white" )
lab3.place ( x=30 , y=125)
lab4 = Label(fenetre, text="Phone" , bg = "#290080", fg = "white" )
lab4.place ( x=30 , y=150)
lab5 = Label(fenetre, text="Données : " , bg = "#290080", fg = "white" , anchor=W, justify=LEFT)
lab5.place ( x=30 , y=220)
 
lab6 = Label(fenetre, text="" , bg = "white", fg = "#290080" , anchor=W, justify=LEFT)
lab6.place ( x=130 , y=220)
 
lab7 = Label(fenetre, text="L'id selectioné est : " , bg = "#290080", fg = "white")
lab7.place ( x=450 , y=220)
 
listb=Listbox(fenetre, fg = "#290080", width = "10")
listb.place(x = 380, y = 215 )
listb.insert(END, "  Prénom  ")
listb.itemconfig(0, fg = "black")
 
 
# Les entrées
 
 
firstname_entry = ttk.Entry(fenetre, width=15, textvariable=firstnamevar)
firstname_entry.place (x = 100 , y = 100 )
lastname_entry = ttk.Entry(fenetre, width=15, textvariable=lastnamevar)
lastname_entry.place (x = 100 , y = 125 )
Phone_entry = ttk.Entry(fenetre, width=15, textvariable=Phonevar)
Phone_entry.place (x = 100 , y = 150 )
Phonevar.set("")
 
scrollbar = Scrollbar(fenetre)
scrollbar.place (x = 670 , y = 170)
 
# la creation de la TreeView 
 
tv = ttk.Treeview(fenetre,  show='headings',  height =3, yscrollcommand=scrollbar.set)
tv["columns"]=("Id","col1","col2","col3")
tv.column("Id",width=80,anchor="center", stretch = True, minwidth = 50)
tv.column("col1",width=80,anchor="center", stretch = True, minwidth = 50)
tv.column("col2",width=80,anchor="center")
tv.column("col3",width=110,anchor="center")
tv.heading("Id",text="Id")
tv.heading("col1",text="Prénom")
tv.heading("col2",text="Nom")
tv.heading("col3",text="Phone number")
 
tv.place( x = 400 , y = 120)
scrollbar.config(command=tv.yview)
#tv.bind("<Button-1>", on_click)
#tv.bind("<Button-3>", on_click)
#tv.tag_bind('mb3_click', '<3>', on_click)
 
# Les bouttons 
 
afficher = Button(fenetre, text = "Afficher" , command = afficher)
afficher.place( x=290, y=80 )
inserer = Button(fenetre, text = "Inserer" )
inserer.place( x=290, y=110 )
modifier = Button(fenetre, text = "Modifier" ) 
modifier.place( x=290, y=140 )
supprimer = Button(fenetre, text = "Supprimer" , command=lambda: on_click(None))
supprimer.place( x=290, y=170 )
Quitter = Button(fenetre, text = "Quitter" , command = fenetre.quit)
Quitter.place( x=200, y=350 )
 
fenetre.after(0,center,fenetre)
fenetre.mainloop()

En fait quand j'execute le code aucun erreur ne s'affiche sur le terminale mais l'enregistrement ne s'efface pas de la base de données !!!

05/12/2011, 16h00
Ismatus1

Salut wiztricks, enfin j'ai pu supprimer l'enregistrement :) , c'était un probleme de majuscule : le champ dans la base de données s'appelle : idpersonnes et pas Idpersonnes :) , maintenant , il me reste de supprimer la ligne selectionnée de la treeview , merci bien .
05/12/2011, 16h42
Ismatus1

Il me reste là savoir commment cacher la colonne "Id" de la Treeview , et aussi comment la vider entierement en un click d'un boutton
05/12/2011, 20h13
wiztricks
Citation:

Envoyé par Ismatus1

Il me reste là savoir commment cacher la colonne "Id" de la Treeview , et aussi comment la vider entierement en un click d'un boutton

Pas besoin de la cacher: il suffit de mettre en relation l'item de la treeview avec l'enregistrement de la BDD en utilisant la méthode 1 ou 2 que je vous ai proposé:
1. soit on positionne l'IID de l'item de la treeview associé à l'enregistrement en 'it.nnn' ou nnn est l'idenfiant passé à treeview.insert(.,.,iid,...)
2. soit on récupère l'IID construit par la treeview et on stocke la correspondance dans un dict.
- W
06/12/2011, 10h14
Ismatus1

Bonjour wiztricks , merci pour suivre mon probleme , mais j'arrive pas a comprendre ou à imaginer comment traduire tes mots en un code qui fonctionne :) , j'ai déja fait cet partie de code en souffrant , alors , je veux une simple modification de mon code pour que ça affiche pas la table Id , puis comment vider la treeview en un seule click sur un boutton , merci bien .

Citation:

Envoyé par Ismatus1

Bonjour wiztricks , merci pour suivre mon probleme , mais j'arrive pas a comprendre ou à imaginer comment traduire tes mots en un code qui fonctionne :) , j'ai déja fait cet partie de code en souffrant , alors , je veux une simple modification de mon code pour que ça affiche pas la table Id , puis comment vider la treeview en un seule click sur un boutton , merci bien .

Apprendre passe par se faire "violence".
A la lecture de votre code, il faut faire qqc dans le tv.insert qui est là:
Code:

1 2 3 4 5 6 7 8 9 10 def afficher() : ... for z in rows: b += z[1].strip() + " " + "|" + " " + z[2].strip() + " " + "|" + " " + z[3].strip() + "\n" print b ## iid = 'it.%d' % <<l'idendifiant du record>> tiid = tv.insert("","end", iid, values=("%s %s %s %s"%(z[0], z[1].decode('utf-8'), z[2], z[3]))) assert tiid == iid, 'fatal: tk does not like my iid "%s", got:"%s"' % (iid, tiid) lab6.config(text = "%s"%b) listb.insert(END, z[1])
- W

07/12/2011, 14h29
Ismatus1

Ok , je vai tester , merci bien ami , ça affichait un seul enregistrement !!!!