add extjs 6.0.1 sources

[extjs.git] / extjs / examples / kitchensink / classic / samples / view / tab / FramedTabs.js

/**\r
 * Demonstrates a tab panel with framing.\r
 */\r
Ext.define('KitchenSink.view.tab.FramedTabs', {\r
    extend: 'Ext.tab.Panel',\r
    xtype: 'framed-tabs',\r
    controller: 'tab-view',\r
    \r
    //<example>\r
    requires: [\r
        'KitchenSink.view.tab.TabController'\r
    ],\r
    otherContent: [{\r
        type: 'ViewController',\r
        path: 'classic/samples/view/tab/TabController.js'\r
    }],\r
    exampleTitle: 'Framed Tabs',\r
    //</example>\r
    \r
    frame: true,\r
    width: 400,\r
    height: 300,\r
    defaults: {\r
        bodyPadding: 10,\r
        scrollable: true\r
    },\r
    items: [{\r
        title: 'Active Tab',\r
        html: KitchenSink.DummyText.longText\r
    }, {\r
        title: 'Inactive Tab',\r
        html: KitchenSink.DummyText.extraLongText\r
    }, {\r
        title: 'Disabled Tab',\r
        disabled: true\r
    }],\r
\r
    listeners: {\r
        tabchange: 'onTabChange'\r
    }\r
});