extjs/examples/kitchensink/classic/samples/view/tab/FramedTabs.js

   1 /**
   2  * Demonstrates a tab panel with framing.
   3  */
   4 Ext.define('KitchenSink.view.tab.FramedTabs', {
   5     extend: 'Ext.tab.Panel',
   6     xtype: 'framed-tabs',
   7     controller: 'tab-view',
   8
   9     //<example>
  10     requires: [
  11         'KitchenSink.view.tab.TabController'
  12     ],
  13     otherContent: [{
  14         type: 'ViewController',
  15         path: 'classic/samples/view/tab/TabController.js'
  16     }],
  17     exampleTitle: 'Framed Tabs',
  18     //</example>
  19
  20     frame: true,
  21     width: 400,
  22     height: 300,
  23     defaults: {
  24         bodyPadding: 10,
  25         scrollable: true
  26     },
  27     items: [{
  28         title: 'Active Tab',
  29         html: KitchenSink.DummyText.longText
  30     }, {
  31         title: 'Inactive Tab',
  32         html: KitchenSink.DummyText.extraLongText
  33     }, {
  34         title: 'Disabled Tab',
  35         disabled: true
  36     }],
  37
  38     listeners: {
  39         tabchange: 'onTabChange'
  40     }
  41 });