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

A JavaScript framwork for developing projects efficiently.

xmlplus("xp", function (xp, $_) {
    $_().imports({
        Index: {
            xml: "<div id='index'>\
                      <Widget id='widget'/>\
                      <button id='button'>click</button>\
                  </div>",
            fun: function (sys, items, opts) {
                sys.index.on("event", function(e) {
                    console.log(e.target.elem());
                });
                sys.button.on("click", function(e) {
                    sys.widget.trigger("event");
                });
            }
        },
        Widget: {}
    });
});