gistfile1.js

Y.MyWidget = Y.Base.create('myWidget', Y.Widget, [], {

    // *** Prototype *** //
    
    bindUI : function () {
        
        this.after('myAttrChange', this._afterMyAttrChange);
    },
    
    syncUI : function () {
    
        this._uiSetMyAttr(this.get('myAttr'));
    },
    
    // *** Private *** //
    
    _uiSetMyAttr : function (val) {
    
        if (val) {
            this.get('contentBox').addClass('cool');
        } else {
            this.get('contentBox').removeClass('cool');
        }
    },
    
    _afterMyAttrChange : function (e) {
        
        this._uiSetMyAttr(e.newVal);
    }

}, {

    // *** Static *** //
    
    ATTRS : {
        
        myAttr : {
            value       : true,
            validator   : Y.Lang.isBoolean
        }
        
    }

});