【Tkinter開発】第3回 Tkinterで詳細ディスプレイを作成し、編集できるようにする

class Tables(tk.Frame):
    def __init__(self, master: tk.Tk, props: dict):
        super().__init__(master)

        ...中略...

        # テーブルへデータ挿入
        self.import_table_data(sample_data)

        # テーブルデータの詳細ディスプレイ
        self.create_display()

    ...中略...

    def create_display(self):
        # 表示フレーム
        self.display_frame = ttk.Frame(self.master)
        self.display_frame.grid(row=1, column=0)

        # ラベル, エントリを作成
        # タイトルエントリ
        self.title_label = tk.Label(self.display_frame, text="Title: ")
        self.title_label.grid(row=1, column=0, sticky="w")
        self.title_entry = tk.Entry(self.display_frame, width=100)
        self.title_entry.grid(row=1, column=1, sticky="we")

        # 説明テキストボックス
        self.description_label = tk.Label(self.display_frame, text="Description: ")
        self.description_label.grid(row=2, column=0, sticky="w")
        self.description_text = tk.Text(self.display_frame, width=100, height=3)
        self.description_text.grid(row=2, column=1, sticky="we")

        # リンクエントリ
        self.link_label = tk.Label(self.display_frame, text="Link: ")
        self.link_label.grid(row=3, column=0, sticky="w")
        self.link_entry = tk.Entry(self.display_frame, width=100)
        self.link_entry.grid(row=3, column=1, sticky="we")

        # 日付エントリ
        self.date_label = tk.Label(self.display_frame, text="Date: ")
        self.date_label.grid(row=4, column=0, sticky="w")
        self.date_entry = tk.Entry(self.display_frame, width=100)
        self.date_entry.grid(row=4, column=1, sticky="we")

class Tables(tk.Frame):
    ...中略...

    def create_table(self):
        ...中略...

        # Treeviewの選択イベントをバインド
        self.treeview.bind("<ButtonRelease-1>", lambda _: self.show_selected_row())

class Tables(tk.Frame):
    ...中略...

    def show_selected_row(self):
        selected_item = self.treeview.selection()

        if selected_item:
            # 選択した行の値を取得
            values = self.treeview.item(selected_item, "values")
            title, description, link, date = values[0], values[1], values[2], values[3]

            # Entryに表示
            self.title_entry.delete(0, "end")
            self.title_entry.insert(0, title)

            # Textに表示
            self.description_text.delete(1.0, "end")
            self.description_text.insert(1.0, description)

            # Entryに表示
            self.link_entry.delete(0, "end")
            self.link_entry.insert(0, link)

            # Entryに表示
            self.date_entry.delete(0, "end")
            self.date_entry.insert(0, date)

class Tables(tk.Frame):
    ...中略...

    def create_display(self):
        ...中略...

        self.ok_button = tk.Button(
            self.display_frame, text="OK", command=self.insert_display_data
        )
        self.ok_button.grid(row=5, columnspan=2)

class Tables(tk.Frame):
    ...中略...

    def insert_display_data(self):
        # 詳細ディスプレイの情報を表に反映する
        # 詳細ディスプレイの値を取得
        title = self.title_entry.get()
        description = self.description_text.get(1.0, "end").strip()
        link_entry = self.link_entry.get()
        date = self.date_entry.get()

        # 表に入力
        selected_item = self.treeview.selection()
        if selected_item:
            self.treeview.set(selected_item, column=0, value=title)
            self.treeview.set(selected_item, column=1, value=description)
            self.treeview.set(selected_item, column=2, value=link_entry)
            self.treeview.set(selected_item, column=3, value=date)