Archief - Dojo vraagje- events

<script>
  require([
    "dijit/layout/TabContainer", 
    "dijit/layout/ContentPane", 
    "dojo/dom",
    "dijit/form/Button",
    "dojo/dom-construct",
    "dojo/on",
    "dojo/topic",
    "dojo/domReady!"], 
    function(TabContainer, ContentPane, dom, Button, domConstruct, on, topic){

      //container, pane en button aanmaken
      var tc = new TabContainer({
        style: "height: 100%; width: 100%;"
      }, "dojo");

      var cp1 = new ContentPane({
       title: "Maintab"
     });

      var btn = new Button({
        innerHTML: "New tab"
      });

      // alle elementen toevoegen
      tc.addChild(cp1);
      cp1.addChild(btn);
      tc.startup();

      // klikevent koppelen aan button
      on(btn, "click", function(){
        topic.publish("createTab");
      });

      topic.subscribe("createTab", function(){
        var cpx = new ContentPane({
         title: "Subtab"
       });

        var btn = new Button({
          innerHTML: "New tab"
        });
        
        on(btn, "click", function(){
          topic.publish("createTab");
        });

        cpx.addChild(btn);
        tc.addChild(cpx);

      });

    });

</script>

      on(btn, "click", function(){
        topic.publish("createTab");
      });