Treeview 02

The script shows how to create a two-column list in a GTK3 window.

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. Define some action buttons: Edit, Del and Clear, which can modify the items in the list.
9. Define a status bar at the bottom of the window. The bar can shows message from the operations performed.

Source Code

---

#!/usr/bin/python # -*- 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 02") self.win.set_default_geometry(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(4) mBox.set_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) # 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) 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(3) # clear button mbutClear = Gtk.Button("Clear") mbutClear.connect("clicked",self.callback, "clrTags") mH2Box.pack_start(mbutClear,True,True,2) # del button mbutDel = Gtk.Button("Del") mbutDel.connect("clicked",self.callback, "delTag") mH2Box.pack_start(mbutDel,True,True,2) # edit button mbutEdit = Gtk.Button("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=='': return mIter = self.tview.get_selection().get_selected()[1] # 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 # get the current selected iter mIter = self.tview.get_selection().get_selected()[1] mNextIter = None if mIter <> None: mModel = self.tview.get_selection().get_selected()[0] mName = mModel.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): mModel = selection.get_selected()[0] # get tree selection mIter = selection.get_selected()[1] # get iter if mIter <> None: mName = mModel.get_value(mIter,0) # get column 0 mIdx = mModel.get_path(mIter)[0] # get index in list self.entry.set_text(mName) mStr = 'Click: ' + str(mIdx) + ' Tag: ' + mName self.pushStatus("clickTag",mStr) 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()