docs/source/Spacer.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   5   <title>The source code</title>
   6   <link href="../prettify/prettify.css" type="text/css" rel="stylesheet" />
   7   <script type="text/javascript" src="../prettify/prettify.js"></script>
   8   <style type="text/css">
   9     .highlight { display: block; background-color: #ddd; }
  10   </style>
  11   <script type="text/javascript">
  12     function highlight() {
  13       document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
  14     }
  15   </script>
  16 </head>
  17 <body onload="prettyPrint(); highlight();">
  18   <pre class="prettyprint lang-js"><span id='Ext-toolbar-Spacer-method-constructor'><span id='Ext-toolbar-Spacer'>/**
  19 </span></span> * @class Ext.toolbar.Spacer
  20  * @extends Ext.toolbar.Item
  21  * A simple element that adds extra horizontal space between items in a toolbar.
  22  * By default a 2px wide space is added via css specification:
  23  *
  24  *     .x-toolbar .x-toolbar-spacer {
  25  *         width:2px;
  26  *     }
  27  *
  28  * ## Example
  29  *
  30  * {@img Ext.toolbar.Spacer/Ext.toolbar.Spacer.png Toolbar Spacer}
  31  *
  32  *     Ext.create('Ext.panel.Panel', {
  33  *         title: 'Toolbar Spacer Example',
  34  *         width: 300,
  35  *         height: 200,
  36  *         tbar : [
  37  *             'Item 1',
  38  *             {xtype: 'tbspacer'}, // or ' '
  39  *             'Item 2',
  40  *             // space width is also configurable via javascript
  41  *             {xtype: 'tbspacer', width: 50}, // add a 50px space
  42  *             'Item 3'
  43  *         ],
  44  *         renderTo: Ext.getBody()
  45  *     });
  46  *
  47  * @constructor
  48  * Creates a new Spacer
  49  * @xtype tbspacer
  50  */
  51 Ext.define('Ext.toolbar.Spacer', {
  52     extend: 'Ext.Component',
  53     alias: 'widget.tbspacer',
  54     alternateClassName: 'Ext.Toolbar.Spacer',
  55     baseCls: Ext.baseCSSPrefix + 'toolbar-spacer',
  56     focusable: false
  57 });</pre>
  58 </body>
  59 </html>