wxPython有条件地显示和隐藏

wxPython conditionally display and hide

我是 wxPython 的新手,想用它来构建一个简单的动态 UI,它有条件地显示和隐藏一些下拉框,这可以在 jQuery 中轻松完成。

所以从我的第一级组合框,如果用户选择 'Op1_1',将出现第二级组合框 A。另一方面,如果选择'Op1_2',则在同一位置,将生成不同的二级组合框B。

  1. 问题 1:我可以在 飞,但它的位置不正确。从附图中,你 可以看到它总是在左上角。有没有办法重新定位它?
  2. 问题2:如果生成第一个第二个combo-box A,那么用户选择'Op1_2',理论上combo-box B会替换combo-box A。但是我运行变成一个错误 wxGridBagSizer::Add(): An item is already at that position。如何销毁以前建造的盒子?
  3. 问题3:有没有办法把wxPython和jQuery整合起来,让我的生活更轻松....

import wx

class landing_frame(wx.Frame):

    def __init__(self, parent, title):    
        super(landing_frame, self).__init__(parent, title=title, 
            size=(450, 350))
        self.font1 = wx.Font(18, wx.DECORATIVE, wx.ITALIC, wx.BOLD) 
        self.InitUI()
        self.Centre()
        self.Show()     

    def InitUI(self):

        self.panel = wx.Panel(self)
        self.sizer = wx.GridBagSizer(5, 5)

        self.text1 = wx.StaticText(self.panel, label="Welcome!")
        self.sizer.Add(self.text1, pos=(0, 0), flag=wx.TOP|wx.LEFT|wx.BOTTOM, border=15)

        line = wx.StaticLine(self.panel)
        self.sizer.Add(line, pos=(1, 0), span=(1, 5), flag=wx.EXPAND|wx.BOTTOM, border=10)

        self.text2 = wx.StaticText(self.panel, label="First Level Dropdown")
        self.sizer.Add(self.text2, pos=(2, 0), flag=wx.LEFT, border=10)

        self.sampleList = ['Op1_1', 'Op1_2']
        self.combo = wx.ComboBox(self.panel, 30, choices=self.sampleList)
        self.combo.Bind(wx.EVT_COMBOBOX, self.EvtComboBox)
        self.sizer.Add(self.combo, pos=(2, 1), span=(1, 2), flag=wx.TOP|wx.EXPAND, border=5)

        self.panel.SetSizer(self.sizer)


    def EvtComboBox(self, event):
        self.user_choice = event.GetString()
        if self.user_choice == "Op1_1": 
            self.sampleList_ss1 = ['Op2_1_1', 'Op2_1_2', 'Op2_1_3']
            self.combo_ss1 = wx.ComboBox(self.panel, 31, choices=self.sampleList_ss1)
            self.combo_ss1.Bind(wx.EVT_COMBOBOX, self.EvtComboBox)
            self.sizer.Add(self.combo_ss1, pos=(3, 1), span=(1, 2), flag=wx.TOP|wx.EXPAND, border=5)
            self.panel.SetSizer(self.sizer)

        if self.user_choice == "Op1_2": 
            self.sampleList_ss2 = ['Op2_2_1', 'Op2_2_2', 'Op2_2_3']
            self.combo_ss2 = wx.ComboBox(self.panel, 31, choices=self.sampleList_ss2)
            self.combo_ss2.Bind(wx.EVT_COMBOBOX, self.EvtComboBox)
            self.sizer.Add(self.combo_ss2, pos=(3, 1), span=(1, 2), flag=wx.TOP|wx.EXPAND, border=5)
            self.panel.SetSizer(self.sizer)



if __name__ == '__main__':
    app = wx.App(redirect=False, filename="mylogfile.txt")
    landing_frame(None, title="Test")
    app.MainLoop()
  1. 尝试调用 self.panel.Layout()。没有必要再做 self.panel.SetSizer(self.sizer)。
  2. 您可以调用wx.Sizer.Remove(window)。 wx.Sizer 也有替换功能,但我不确定它如何与 GridBagSizer 一起使用。您还可以创建所有组合框,隐藏或禁用不需要的组合框,并根据需要更改它们的内容(wx.ComboBox 派生自 wx.ControlWithItems,并具有成员函数清除、删除、追加、插入) .如果您决定删除组合框,那么,首先将其从 sizer 中删除,然后调用 Destroy。
  3. 没有

您可以使用的一种方法是创建第二个组合并将其隐藏。 当在第一个组合上做出选择时,显示第二个组合并更改其选择以适合。

import wx


class landing_frame(wx.Frame):

    def __init__(self, parent, title):
        super(landing_frame, self).__init__(parent, title=title,
                                            size=(450, 350))
        self.font1 = wx.Font(18, wx.DECORATIVE, wx.ITALIC, wx.BOLD)
        self.InitUI()
        self.Centre()
        self.Show()

    def InitUI(self):

        self.panel = wx.Panel(self)
        self.sizer = wx.GridBagSizer(5, 5)

        self.text1 = wx.StaticText(self.panel, label="Welcome!")
        self.sizer.Add(
            self.text1, pos=(0, 0),
            flag=wx.TOP | wx.LEFT | wx.BOTTOM, border=15)

        line = wx.StaticLine(self.panel)
        self.sizer.Add(
            line, pos=(1, 0), span=(1, 5),
            flag=wx.EXPAND | wx.BOTTOM, border=10)

        self.text2 = wx.StaticText(self.panel, label="First Level Dropdown")
        self.sizer.Add(self.text2, pos=(2, 0), flag=wx.LEFT, border=10)

        self.sampleList = ['', 'Op1_1', 'Op1_2']
        self.combo1 = wx.ComboBox(self.panel, choices=self.sampleList)
        self.combo1.Bind(wx.EVT_COMBOBOX, self.on_combo1)
        self.sizer.Add(
            self.combo1, pos=(2, 1), span=(1, 2), flag=wx.TOP | wx.EXPAND,
            border=5)

        self.combo2 = wx.ComboBox(self.panel)
        self.combo2.Bind(wx.EVT_COMBOBOX, self.on_combo2)
        self.sizer.Add(
            self.combo2, pos=(3, 1), span=(1, 2), flag=wx.TOP | wx.EXPAND,
            border=5)

        self.panel.SetSizer(self.sizer)
        self.Layout()
        wx.CallAfter(self.combo2.Show, False)

    def on_combo1(self, event):
        self.user_choice = event.GetString()
        if self.user_choice == '':
            self.combo2.Show(False)
            self.combo2.Clear()
            return
        self.combo2.Show(True)

        if self.user_choice == "Op1_1":
            self.combo2.SetItems(('Op2_1_1', 'Op2_1_2', 'Op2_1_3'))

        elif self.user_choice == "Op1_2":
            self.combo2.SetItems(('Op2_2_1', 'Op2_2_2', 'Op2_2_3'))

    def on_combo2(self, event):
        print '2nd combo choice: {}'.format(event.GetString())


if __name__ == '__main__':
    app = wx.App(redirect=False)
    landing_frame(None, title="Test")
    app.MainLoop()