Python Tkinter Treeview: Building a Hierarchical list widget

Last update on December 21 2024 07:48:09 (UTC/GMT +8 hours)

Write a Python GUI program to create a Treeview widget displaying a hierarchical list of items using tkinter module.

Sample Solution:

Python Code:

import tkinter as tk
from tkinter import ttk

def add_child_item():
    selected_item = tree.selection()
    if selected_item:
        parent_item = selected_item[0]
        tree.insert(parent_item, "end", text="Child Item")

def add_sibling_item():
    selected_item = tree.selection()
    if selected_item:
        parent_item = tree.parent(selected_item[0])
        tree.insert(parent_item, "end", text="Sibling Item")

def delete_item():
    selected_item = tree.selection()
    if selected_item:
        tree.delete(selected_item)

parent = tk.Tk()
parent.title("Treeview Example")

# Create a Treeview widget
tree = ttk.Treeview(parent)
tree.pack(padx=10, pady=10, fill="both", expand=True)

# Add a parent item
parent_item = tree.insert("", "end", text="parent Item")

# Add buttons to manipulate the Treeview
add_child_button = tk.Button(parent, text="Add Child Item", command=add_child_item)
add_child_button.pack()

add_sibling_button = tk.Button(parent, text="Add Sibling Item", command=add_sibling_item)
add_sibling_button.pack()

delete_button = tk.Button(parent, text="Delete Item", command=delete_item)
delete_button.pack()

parent.mainloop()

Explanation:

In the exercise above -

First we create three functions (create_tab1(), create_tab2(), and create_tab3()) that create content for each tab.
Next we create a tk.Tk() instance as the main window and a ttk.Notebook to hold the tabs.
Three tabs (tab1, tab2, and tab3) are created as ttk.Frame widgets and added to the notebook using the add method.
Save the ID of the root item in the variable 'root_item'.
When adding child items, we use 'root_item' as the parent.
The notebook is packed into the main window, and the main event loop is started with root.mainloop().

Sample Output:

Flowchart:

Python Code Editor:

Previous: Creating a tabbed interface with Tkinter.
Next: Creating a menu bar with Tkinter