Treeview 03

The script shows how to create a two-column list in a GTK3 window. The operations on the list are very similar to that presented in Treeview 02 previously, however the list given in this script allows multiple selection of nodes.

1. Define an entry box.
2. Define a treeview list with two columns.
3. The width of the column can be resize.
4. The sorting order of items in each column can be changed by clicking on the column labels.
5. Define font style for the texts in the columns.
6. Define right alignment for the numeric column.
7. Use Ctrl-f to find row quickly when treeview is set focused.
8. Allow multiple selection on nodes of the treeview.
   
9. Define some action buttons: Edit, Del and Clear, which can modify the items in the list.
10. Define a status bar at the bottom of the window. The bar can shows message from the operations performed.

Source Code

---

#!/usr/bin/env python3 # -*- coding: utf-8 -*- import gi gi.require_version('Gtk', '3.0') from gi.repository import Gtk, Pango class Base: def __init__(self): self.win = Gtk.Window() self.win.set_title("TreeView 03") self.win.set_default_size(width=320, height=450) self.win.set_border_width(4) self.win.connect("delete-event", self.WinDelete_event) # # vbox holding all controls mBox = Gtk.VBox(homogeneous=False) self.win.add(mBox) # # entry self.entry = Gtk.Entry() mBox.pack_start(self.entry,False,True,2) # # liststore, treeview, cellrenderer, # treeviewcolumn, scrolledwindow self.lstore = Gtk.ListStore(str, int) self.tview = Gtk.TreeView(model=self.lstore) self.tview.get_selection().connect( "changed", self.RowClick_event) self.selectNodeIdx = 0 # index for currently selected node # column 0 mcellrend = Gtk.CellRendererText() mFont = Pango.FontDescription('San 10') mcellrend.set_property('font-desc',mFont) # text = 0 means get data from [0] of the list store lstore mtvcol00 = Gtk.TreeViewColumn("Fruit", mcellrend, text=0) mtvcol00.set_min_width(200) mtvcol00.set_resizable(True) mtvcol00.set_sort_column_id(0) self.tview.append_column(mtvcol00) # column 1 mcellrend = Gtk.CellRendererText() mFont = Pango.FontDescription('Serif Bold 10') mcellrend.set_property('font-desc',mFont) mcellrend.set_property('xalign',0.9) # right aligned mtvcol01 = Gtk.TreeViewColumn("Price $", mcellrend, text=1) mtvcol01.set_alignment(0.9) # column header righted aligned mtvcol01.set_sort_column_id(1) self.tview.append_column(mtvcol01) # add data mItems = (("Orange 橙",18), ("Cherry 櫻桃",25), ("Water Melon 西瓜",19), ('Apple 蘋果', 15), ('Banana 香蕉', 24), ('Papaya 木瓜', 34)) for mi in mItems: self.lstore.append(mi) # self.tview.set_headers_clickable(True) # make column 0 searchable, # press Ctrl-f to start searching self.tview.set_search_column(0) # allow multiple selection in treeview msel = self.tview.get_selection() msel.set_mode(Gtk.SelectionMode.MULTIPLE) # mscwin = Gtk.ScrolledWindow() mscwin.set_policy(Gtk.PolicyType.NEVER, Gtk.PolicyType.AUTOMATIC) mscwin.set_shadow_type(Gtk.ShadowType.IN) mscwin.add(self.tview) mBox.pack_start(mscwin,True,True,2) # # button box & 3 buttons mH2Box = Gtk.HBox(homogeneous=True) # clear button mbutClear = Gtk.Button(label="Clear") mbutClear.connect("clicked",self.callback, "clrTags") mH2Box.pack_start(mbutClear,True,True,2) # del button mbutDel = Gtk.Button(label="Del") mbutDel.connect("clicked",self.callback, "delTag") mH2Box.pack_start(mbutDel,True,True,2) # edit button mbutEdit = Gtk.Button(label="Edit") mbutEdit.connect("clicked",self.callback, "edtTag") mH2Box.pack_start(mbutEdit,True,True,2) mBox.pack_start(mH2Box,False,True,2) # # status bar self.stsBar = Gtk.Statusbar() mBox.pack_start(self.stsBar,False,True,2) # self.win.show_all() # Event Handlers # --------------------------------------------------------- # callback def callback(self, widget, data): if data == 'edtTag': # edit a Tag in the list mTag = self.entry.get_text() mTag = mTag.strip() if mTag=='' or self.selectNodeIdx==-1: return mIter = self.lstore.get_iter(self.selectNodeIdx) # get iter if mIter != None: self.lstore.set_value(mIter,0,mTag) # change col 0 to mTag # make the newly added tag being selected self.tview.get_selection().select_iter(mIter) # push message to status bar mStr = "Edit: " + mTag self.pushStatus("edtTag",mStr) self.entry.set_text('') elif data == 'delTag': # delete a tag from the list mTag = self.entry.get_text() mTag = mTag.strip() if mTag=='' or self.selectNodeIdx==-1: return # get the current selected iter mIter = self.lstore.get_iter(self.selectNodeIdx) # get iter mNextIter = None if mIter != None: mName = self.lstore.get_value(mIter,0) mNextIter = self.lstore.iter_next(mIter) self.lstore.remove(mIter) # remove iter from list mStr = "Del: " + mName self.pushStatus("delTag",mStr) # highlight a tag in the list if mNextIter != None: self.tview.get_selection().select_iter(mNextIter) else: # highlight the last tag mLast = len(self.lstore) if mLast > 0: mLast = mLast - 1 self.tview.get_selection().select_path(mLast) elif data == 'clrTags': self.lstore.clear() self.pushStatus("clrTags",'Clear all tags') # Delete event def WinDelete_event(self, event, data=None): Gtk.main_quit() return False # row click or row change even in list def RowClick_event(self, selection, data=None): # get selected codes mSelRows = selection.get_selected_rows()[1] mSelNames = [self.lstore[int(mi.to_string())][0] \ for mi in mSelRows] #print(mSelNames) if len(mSelNames)==1: mName = mSelNames[0] mIdx = mSelRows[0].to_string() self.selectNodeIdx = mIdx self.entry.set_text(mName) mStr = 'Click: ' + str(mIdx) + ' Tag: ' + mName self.pushStatus("clickTag",mStr) else: self.selectNodeIdx = -1 self.entry.set_text('') self.pushStatus("clickTag",'Multiple selection') self.entry.grab_focus() # push message to status bar def pushStatus(self, pCtxt, pMsg): mctxid = self.stsBar.get_context_id(pCtxt) self.stsBar.push(mctxid, pMsg) def main(): Gtk.main() if __name__ == "__main__": base = Base() main()