Tkinter Frame子类self.destroy回调失效 多级下拉组件销毁异常

销毁异常根因 #

1. 控件父容器绑定错误（核心原因） #

你在MultiDropDownWidget中创建DropDownWidget时，统一将父容器设为了最外层的self.root，而非当前层级的MultiDropDownWidget实例本身，直接导致两个关联问题：

• 每个层级的MultiDropDownWidget自带的Frame是空容器，没有任何子控件，所以你设置的蓝色背景不会显示（空Frame默认尺寸为0）
• 调用当前MultiDropDownWidget的destroy()方法时，只能销毁这个空Frame，绑定在最外层容器的DropDownWidget不会被连带销毁，自然残留在界面上

2. 销毁逻辑错误 #

destroyChildren方法中添加了if not self.hasChild: self.destroy()的逻辑，会误销毁末端选择节点，同时销毁子节点后没有清空self.child属性、重置self.hasChild标记，容易引发重复销毁的异常。

3. 子组件创建逻辑错误 #

updateChild方法中创建新子组件时，父容器传参错误，导致新生成的子组件层级绑定混乱。

修复步骤 #

1. 修正DropDownWidget的父容器绑定 #

将MultiDropDownWidget初始化时创建DropDownWidget的父容器参数从self.root改为self，让下拉控件归属于当前层级的Frame。

2. 修正销毁逻辑 #

删除destroyChildren中销毁自身的逻辑，销毁子节点后重置相关属性标记。

3. 修正子组件创建逻辑 #

调整updateChild中子组件的父容器传参，保证层级正确。

4. 优化参数默认值 #

将DropDownWidget初始化的command默认值从空字符串改为None，避免OptionMenu接收非法参数报错。

修复后完整可运行代码 #

import tkinter as tk
labelwidth = 20
inputwidth = 25


class DropDownWidget(tk.Frame):
    def __init__(self, parent, labeltext, optionType, options, command=None):
        if not isinstance(options, dict):
            print(options)
            raise TypeError("DropDownWidgets take dictionaries of the choices and the values they represent as keys and values")
        tk.Frame.__init__(self, parent)
        self.optionType = optionType
        self.options = options
        self.optionKeys = list(options.keys())
        self.optionValues = list(options.values())
        self.dropDownDisplayed = tk.StringVar(self, self.optionKeys[0])

        self.label = tk.Label(self, text=labeltext, width=labelwidth, justify="left", relief="groove", anchor="w")
        self.input = tk.OptionMenu(self, self.dropDownDisplayed, *list(options.keys()), command=command)
        self.input.config(width=inputwidth-7)
        self.label.grid(row=0, column=0)
        self.input.grid(row=0, column=1)


    def updateValue(self, something):
        self.inputVar.set(self.options[self.dropDownDisplayed.get()])

    def replaceOptionMenu(self, options, command, *args):
        self.options = options
        self.input.grid_forget()
        self.dropDownDisplayed.set(list(options.keys())[0])
        self.input = tk.OptionMenu(self, self.dropDownDisplayed, *list(options.keys()), command=command)
        self.input.config(width=inputwidth - 7)
        self.input.grid(row=0, column=2)

    def replaceOptionMenuNoCmd(self, options):
        self.options = options
        self.input.grid_forget()
        self.dropDownDisplayed.set(list(options.keys())[0])
        self.input = tk.OptionMenu(self, self.dropDownDisplayed, *list(options.keys()))
        self.input.config(width=inputwidth - 7)
        self.input.grid(row=0, column=2)

    def value(self):
        return self.optionType(self.options[self.dropDownDisplayed.get()])

    def setValue(self, value):
        self.dropDownDisplayed.set(value)


class MultiDropDownWidget(tk.Frame):
    def __init__(self, parent, options, isChild=False):
        tk.Frame.__init__(self, parent, relief="raised", bg="blue")
        self.originalOptions = options
        if isChild is False:
            self.root = self
        else:
            self.root = parent.root

        if isinstance(options, dict):
            if isinstance(list(options.values())[0], dict):
                self.options = {key: key for key in options.keys()}
                self.hasChild = True
            else:
                self.options = {key: value for key, value in options.items()}
                self.hasChild = False
        else:
            self.options = options

        # 修正父容器为当前self，而非self.root
        if self.hasChild:
            self.dropDown = DropDownWidget(self, "Choice", str, self.options,
                                           command=self.updateChild)
        else:
            self.dropDown = DropDownWidget(self, "Choice", str, self.options)
        self.dropDown.pack()
        self.child = None
        if self.hasChild:
            self.child = MultiDropDownWidget(self, options[self.dropDown.value()], isChild=True)
            self.child.pack(padx=10, pady=2) # 增加缩进区分层级，可自行调整


    def updateChild(self, *args):
        if self.hasChild:
            # 先销毁旧子节点
            self.destroyChildren()
            # 创建新子节点
            self.child = MultiDropDownWidget(self, self.originalOptions[self.dropDown.value()], isChild=True)
            self.child.pack(padx=10, pady=2)
            self.hasChild = True


    def destroyChildren(self, *args):
        if self.hasChild and self.child is not None:
            # 递归销毁子节点的子级
            self.child.destroyChildren()
            # 销毁子节点本身
            self.child.destroy()
            self.child = None
            self.hasChild = False
            

options = {'a': {
            'aa': {'aaa': 'aaa'},
            'ab': {'aba': 'aba'},
            },
           'b': {
                'bb': {'bbb': 'bbb'},
                'bc': {'bcc': 'bcc'},
                 },
           'c':
               {'c1': {'c2': 'c2'}}}
root = tk.Tk()
multiWidget = MultiDropDownWidget(root, options)
multiWidget.pack(padx=10, pady=10)
root.mainloop()

内容的提问来源于stack exchange，提问作者devmorra