xmlplus/example/docs/11-event-and-communication/10/index.js

A JavaScript framwork for developing projects efficiently.

xmlplus("xp", function (xp, $_) {
    $_().imports({
        Index: {
            xml: "<div id='index'>\
                     <Button>click me</Button>\
                  </div>",
            fun: function (sys, items, opts) {
                sys.index.on("click", function(e) {
                    console.log("I'm in Index");
                });
            }
        },
        Button: {
            xml: "<button id='button'/>",
            fun: function (sys, items, opts) {
                sys.button.on("click", function(e) {
                    console.log("I'm in Button");
                });
            }
        }
    });
});