{"id":3961,"date":"2021-12-25T14:30:28","date_gmt":"2021-12-25T14:30:28","guid":{"rendered":"http:\/\/truelogic.org\/wordpress\/?p=3961"},"modified":"2021-12-25T14:30:29","modified_gmt":"2021-12-25T14:30:29","slug":"6d-wxwidgets-event-propagation","status":"publish","type":"post","link":"https:\/\/truelogic.org\/wordpress\/2021\/12\/25\/6d-wxwidgets-event-propagation\/","title":{"rendered":"6d. wxWidgets – Event Propagation"},"content":{"rendered":"\n

OVERVIEW<\/strong><\/p>\n\n\n\n

In the previous section we saw how events are generated and handled. Most events are derived from the wxCommandEvent class. There are some events which are not derived from wxCommandEvent like wxMouseEvent or wxClose. So we have two kinds of events – basic events and command events. Command events are propagated upwards within the GUI hierarchy, by default. For eg.if a button is contained with a panel and the panel is contained within a frame, then by default the button click will be detected by the button and then by the panel and then by the frame. But this propagation happens only if you have not added an event handler of your own to deal with the event. In case you have your own event handler but still want the event to propagate upwards then you can use Event.Skip().<\/em><\/p>\n\n\n\n

The sample code below has the following GUI hierarchy: frame->panel1->panel11->button. The button has an event handler for a click event. We are then propagating this event up through the hierarchy by using event.Skip().<\/em> It reaches the event handler of the top level window frame.<\/p>\n\n\n\n

You can try changing the code and by removing the Skip()<\/em> method in any of the event handlers and check that the event propagation stops at that point.<\/p>\n\n\n\n

SAMPLE CODE<\/strong><\/p>\n\n\n\n

events-propagate.h<\/pre>\n\n\n
\n#include <wx\/wxprec.h>\n#ifndef WX_PRECOMP\n    #include <wx\/wx.h>\n#endif\n\nclass EventsPropagate: public wxFrame {\n\n    public:\n      EventsPropagate(const wxString &title);\n      void OnClick(wxCommandEvent &event);\n      void OnClick2(wxCommandEvent &event);\n      void OnClick3(wxCommandEvent &event);\n      void OnClick4(wxCommandEvent &event);\n \n};\n\nconst int ID_PANEL_1 = 101;\nconst int ID_PANEL_1_1 = 102;\nconst int ID_BUTTON_1 = 200;\n\n\n<\/pre><\/div>\n\n\n
events-propagate.cpp\n<\/pre>\n\n\n
\n#include "events-propagate.h"\n\n\nEventsPropagate::EventsPropagate(const wxString &title):\n\n    wxFrame(NULL, -1, title, wxDefaultPosition, wxSize(500,200)) {\n    wxPanel *basePanel = new wxPanel(this, -1);\n    wxBoxSizer *baseSizer = new wxBoxSizer(wxVERTICAL);\n    basePanel->SetSizer(baseSizer);\n\n    wxPanel *panel1 = new wxPanel(basePanel, ID_PANEL_1);\n    panel1->SetBackgroundColour(wxColour(100,200,100));\n    wxBoxSizer *vbox = new wxBoxSizer(wxVERTICAL);\n    panel1->SetSizer(vbox);\n\n    wxPanel *panel11 = new wxPanel(panel1, ID_PANEL_1_1);\n    panel11->SetBackgroundColour(wxColour(50,180,45));\n    wxBoxSizer *hbox = new wxBoxSizer(wxHORIZONTAL);\n    panel11->SetSizer(hbox);\n\n    wxButton *btn = new wxButton(panel11, ID_BUTTON_1, wxT("Click this button"));\n    hbox->Add(btn, 0, wxALIGN_CENTER);\n\n    vbox->Add(panel11, 1, wxALL | wxEXPAND, 50);\n\n    baseSizer->Add(panel1, 1, wxALL | wxEXPAND,5);\n\n    btn->Bind(wxEVT_BUTTON, &EventsPropagate::OnClick, this);\n    panel11->Bind(wxEVT_COMMAND_BUTTON_CLICKED, &EventsPropagate::OnClick2, this);\n    panel1->Bind(wxEVT_COMMAND_BUTTON_CLICKED, &EventsPropagate::OnClick3, this);\n    this->Bind(wxEVT_COMMAND_BUTTON_CLICKED, &EventsPropagate::OnClick4, this);\n\n    Center();\n\n}\n\nvoid EventsPropagate::OnClick(wxCommandEvent &event) {\n\twxString msg= "Click detected in btn ";\n\twxMessageBox(msg);\n\n        event.Skip();\n}\n\nvoid EventsPropagate::OnClick2(wxCommandEvent &event) {\n\twxString msg= "Click detected in panel11 ";\n\twxMessageBox(msg);\n\tevent.Skip();\n\n}\n\nvoid EventsPropagate::OnClick3(wxCommandEvent &event) {\n\twxString msg= "Click detected in panel1";\n\twxMessageBox(msg);\n\tevent.Skip();\n\n}\n\nvoid EventsPropagate::OnClick4(wxCommandEvent &event) {\n\twxString msg= "Click detected in window frame ";\n\twxMessageBox(msg);\n}\n\n<\/pre><\/div>\n\n\n
main.h<\/pre>\n\n\n
\n#include <wx\/wxprec.h>\n#ifndef WX_PRECOMP\n    #include <wx\/wx.h>\n#endif\n\nclass Main: public wxApp {\n\n\tpublic:\n\t        virtual bool OnInit();\n};\n<\/pre><\/div>\n\n\n
main.cpp<\/pre>\n\n\n
\n#include "main.h"\n#include "events-propagate.h"\n \nIMPLEMENT_APP(Main)\n\nbool Main::OnInit() {\n\n    EventsPropagate *app = new EventsPropagate(wxT("Events Propagation"));\n    app->Show(true);\n}\n<\/pre><\/div>\n\n\n
The output is given below<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"
OVERVIEW In the previous section we saw how events are generated and handled. Most events are derived from the wxCommandEvent class. There are some events […]<\/a><\/p>\n<\/div>","protected":false},"author":1,"featured_media":3595,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[302,365],"tags":[],"class_list":["post-3961","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cc","category-wxwidgets"],"_links":{"self":[{"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/posts\/3961","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/comments?post=3961"}],"version-history":[{"count":8,"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/posts\/3961\/revisions"}],"predecessor-version":[{"id":3972,"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/posts\/3961\/revisions\/3972"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/media\/3595"}],"wp:attachment":[{"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/media?parent=3961"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/categories?post=3961"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/truelogic.org\/wordpress\/wp-json\/wp\/v2\/tags?post=3961"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}