Treeview 04

The script shows how to create a two-column list in a GTK3 window. Based on the operations defined in Treeview 02 previously, two more operations which can move the items up and down are added to the treeview.

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 two more action buttons: Up and Down, which can move the items in the list.
10. Use stock icon and tooltip to construct each buttons.
11. Define a status bar at the bottom of the window. The bar can show message given by 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 04") 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, spacing=3) 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) # 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 = 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) # 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 & 5 buttons mH2Box = Gtk.HBox(homogeneous=True, spacing=3) mbuttons = ((Gtk.STOCK_GO_UP, 'move up an item', 'mvUp'), (Gtk.STOCK_GO_DOWN, 'move down an item', 'mvDown'), (Gtk.STOCK_EDIT, 'edit an item', 'edtItem'), (Gtk.STOCK_DELETE, 'delete an item', 'delItem'), (Gtk.STOCK_CLEAR, 'clear all items', 'clrItems')) for mb in mbuttons: mbut = Gtk.Button() mImg = Gtk.Image() mImg.set_from_icon_name(mb[0], Gtk.IconSize.BUTTON) mbut.set_image(mImg) mbut.set_tooltip_text(mb[1]) mbut.connect("clicked",self.callback, mb[2]) mH2Box.pack_start(mbut,True,True,1) # 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 == 'clrItems': self.lstore.clear() self.pushStatus("clrItems","The list is empty.") self.entry.set_text('') self.entry.grab_focus() return # get iter of the selected item mModel = self.tview.get_selection().get_selected()[0] mIter = self.tview.get_selection().get_selected()[1] if mIter == None: return elif data == 'edtItem': # edit an item in the list mItem = self.entry.get_text() mItem = mItem.strip() if mItem=='': return self.lstore.set_value(mIter,0,mItem) # change col 0 to mItem # make the newly added item being selected self.tview.get_selection().select_iter(mIter) # push message to status bar mStr = "Edit: " + mItem self.pushStatus("edtItem",mStr) self.entry.set_text('') elif data == 'delItem': # delete an item from the list mNextIter = None 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("delItem",mStr) if mNextIter != None: # highlight the next item in the list self.tview.get_selection().select_iter(mNextIter) else: # highlight the last item mLast = len(self.lstore) if mLast > 0: mLast = mLast - 1 self.tview.get_selection().select_path(mLast) else: # the list is cleared self.pushStatus("delItem","The list is empty.") self.entry.set_text('') self.entry.grab_focus() elif data == 'mvUp': mPrevIter = self.lstore.iter_previous(mIter) if mPrevIter == None: return mPrevName = mModel.get_value(mPrevIter,0) mPrevPrice = mModel.get_value(mPrevIter,1) mName = mModel.get_value(mIter,0) mPrice = mModel.get_value(mIter,1) self.lstore.set_value(mPrevIter,0,mName) self.lstore.set_value(mPrevIter,1,mPrice) self.lstore.set_value(mIter,0,mPrevName) self.lstore.set_value(mIter,1,mPrevPrice) self.tview.get_selection().select_iter(mPrevIter) elif data == 'mvDown': mNextIter = self.lstore.iter_next(mIter) if mNextIter == None: return mNextName = mModel.get_value(mNextIter,0) mNextPrice = mModel.get_value(mNextIter,1) mName = mModel.get_value(mIter,0) mPrice = mModel.get_value(mIter,1) self.lstore.set_value(mNextIter,0,mName) self.lstore.set_value(mNextIter,1,mPrice) self.lstore.set_value(mIter,0,mNextName) self.lstore.set_value(mIter,1,mNextPrice) self.tview.get_selection().select_iter(mNextIter) # 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()