Jx.Button.Tab

Extends: Jx.Button

Implements: Jx.ContentLoader

A single tab in a tab set.  A tab has a label (displayed in the tab) and a content area that is displayed when the tab is active.  A tab has to be added to both a Jx.TabSet (for the content) and Jx.Toolbar (for the actual tab itself) in order to be useful.  Alternately, you can use a Jx.TabBox which combines both into a single control at the cost of some flexibility in layout options.

A tab is a Jx.ContentLoader and you can specify the initial content of the tab using any of the methods supported by Jx.ContentLoader::loadContent.  You can acccess the actual DOM element that contains the content (if you want to dynamically insert content for instance) via the <Jx.Tab::content> property.

A tab is a button of type toggle which means that it emits the up and down events.

Example

var tab1 = new Jx.Button.Tab({
    label: 'tab 1',
    content: 'content1',
    onDown: function(tab) {
        console.log('tab became active');
    },
    onUp: function(tab) {
        console.log('tab became inactive');
    }
});

License

Copyright © 2008, DM Solutions Group Inc.

This file is licensed under an MIT style license