xmlplus/example/docs/05-static-interface/03/index.js

A JavaScript framwork for developing projects efficiently.

xmlplus("xp", function (xp, $_) {
    $_().imports({
        Index: {
            cfg: { buttons: { fontSize: 16 } },
            xml: "<div id='index'>\
                      <Button id='foo'/>\
                      <Button id='bar'/>\
                  </div>",
            ali: { buttons: "//Button" }
        },
        Button: {
            opt: { fontSize: 24 },
            xml: "<button id='foo'>hello</button>",
            fun: function (sys, items, opts) {
                sys.foo.css("font-size", opts.fontSize + "px");
            }
        } 
    });
});