Discussion :

[Ismatus1]

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 :

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

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 :

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

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)

[wiztricks]

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:

1. associer un tag à une méthode, genre:
2. tree.bind_tag('ItemClicked', key, <method>)
3. 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 :

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
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

[PauseKawa]

Bonjour,

Est il possible d'avoir une explication sur:

Code :

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

tree.display(HEADERS, ROWS)

D’où viens la méthode display ?

Merci

[wiztricks]

Oops

Est il possible d'avoir une explication sur:

Code :

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

tree.display(HEADERS, ROWS)

D’où viens la méthode display ?

De mon indécision

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

[PauseKawa]

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 :

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
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.

@+

[wiztricks]

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 :

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
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

[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 :

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

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

(PEP274).

Ok --> []

[wiztricks]

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.

Vu l'import c'est

Code :

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

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

[PauseKawa]

Qu'il n'avais pas penser à la 2.7: mea culpa

[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

[Ismatus1]

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 :

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

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 :

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

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 :

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

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

Le meme chose si j'enleve :

Code :

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

.decode('utf-8')

, quand je mets la ligne :

Code :

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

 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 ...

[Ismatus1]

Ok ça marche enfine en remplacent : decode() par encode()

[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 ...

[wiztricks]

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 :

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

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 :

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

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

[Ismatus1]

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 :

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
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 !!!

[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 .

[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

[wiztricks]

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

[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 .

[wiztricks]

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 :

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

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