xmlplus/example/docs/10-life-circle/01/index.js

A JavaScript framwork for developing projects efficiently.

xmlplus("xp", function (xp, $_) {
    $_().imports({
        Index: {
            xml: "<div id='index'>\
                      <button id='foo'>append</button>\
                  </div>",
            fun: function (sys, items, opts) {
                sys.foo.on( "click", function (e) {
                    sys.index.append("Widget");
                });
            }
        },
        Widget: {
            xml: "<button>hello, world</button>"
        }
    });
});