Overlay test

gistfile1.js

AUI().use('overlay', function(A) {

    //var O = A.Base.create('baseCellEditor', A.Overlay, [], {}, { ATTRS: { visible: {value:false} } });

    var O = A.Component.create({
        NAME: 'baseCellEditor',
        ATTRS: {
            visible: { value: false },
            bodyContent: { value: 'BODY' },
            footerContent: { value: 'FOOTER' }
        },
        EXTENDS: A.Overlay,

        prototype: {
            initializer: function() {
                this.after({
                    visibleChange: function(event) { console.log(event.newVal); }
                });
            }
        }
    });

    var o = new O({});

    A.one('doc').once('mousedown', function() {
        o.render(); console.log('RENDER');
    });

    A.one('doc').once('click', function() {
        o.show(); console.log('SHOW');
    });
   });

gistfile1.txt

AUI().use('overlay', function(A) {

    //var O = A.Base.create('baseCellEditor', A.Overlay, [], {}, { ATTRS: { visible: {value:false} } });

    var O = A.Component.create({
        NAME: 'baseCellEditor',
        ATTRS: {
            visible: { value: false },
            bodyContent: { value: 'BODY' },
            footerContent: { value: 'FOOTER' }
        },
        EXTENDS: A.Overlay,

        prototype: {
            initializer: function() {
                this.after({
                    visibleChange: function(event) { console.log(event.newVal); }
                });
            }
        }
    });

    var o = new O();

    A.one('doc').once('click', function() {
        o.render();

        setTimeout(function() { o.show(); }, 500); });
    });