jsdk-offical/examples/jsfx/button/button-event.js

JSDK is the most comprehensive TypeScript framework, like JDK.

JS.imports('$jsfx').then(() => {
    let fn = function (e, ...args) {
        Assert.true(Types.isKlass(this, Button));
        Assert.true(Types.ofKlass(e, Event));
        JSLogger.info(this, e.type, args);
    };
    new Button({
        id: 'btn1',
        text: 'Unlimited times click',
        colorMode: ColorMode.primary,
        listeners: {
            'click': fn
        }
    });
    new Button({
        id: 'btn2',
        text: 'One times click',
        colorMode: ColorMode.accent,
        listeners: {
            'click': function (e) {
                this.off('click');
                return fn.apply(this, [e]);
            }
        }
    });
    new Button({
        id: 'btn3',
        text: 'No response',
        colorMode: ColorMode.primary,
        disabled: true,
        listeners: {
            'click': fn
        }
    });
    new Button({
        id: 'btn4',
        text: 'Dropdown Button',
        colorMode: ColorMode.info,
        dropMenu: {
            dir: 'right',
            items: [{
                    text: 'Goto JSDK',
                    href: 'https://github.com/fengboyue/jsdk',
                    onClick: function (e, item) {
                        JSLogger.info(item.text);
                    }
                }, {
                    text: 'Stop to JSDK',
                    href: 'https://github.com/fengboyue/jsdk',
                    onClick: function (e, item) {
                        JSLogger.info(item.text);
                        e.preventDefault();
                    }
                }]
        }
    });
});