Gallery

Modules

Documentation

Context Navigation

YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

Inspector (gallery-inspector) on cdn

Last Updated: 04/29/11

+ 1 -

Brett Stimmerman

YUI Contributor

See 2 more by this user.

Created: 04/29/11
Last CDN Push: 05/12/11
Build Tag: gallery-2011.05.12-13-26
Project: YUI 3
License: YUI BSD
YUI Version: 3.3.0
Free for use.

Inspector is a real-time attribute inspector widget.

Hook Inspector up to any class that implements the Attribute interface, such as Base- and Widget-derived classes, and watch its attribute values change as the application runs.

Toggle Inspector's Pause checkbox to freeze attribute values (they still might change behind the scenes, just not in Inspector).

Use Inspector's attribute filter to narrow the attribute list.

Collapse Inspector to get it out of your way, or drag it by the header to a new location.

Code Sample

<script src="http://yui.yahooapis.com/3.3.0/build/yui/yui-min.js"></script>

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2011.05.12-13-26'
}).use('base', 'gallery-inspector', function(Y) {
 
// 1. Define an object with attributes. Base is a good place to start.
var Test = Y.Base.create('test', Y.Base, [], {}, {
    ATTRS: {
        foo: {
            value: 'bar'
        },
 
        baz: {
            value: true
        }
    }
}),
 
// 2. Instantiate the object
test = new Test(),
 
// 3. Hook it up to Inspector
inspector = new Y.Inspector({
    host: test
}).render();
 
// 4. Then watch as attributes change in real-time
Y.later(2500, test, function () {
    this.setAttrs({
        foo: 'not bar',
        baz: false
    });
});
 
});