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="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
   7   <script type="text/javascript" src="../resources/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'>/**
  19 </span> * A simple element that adds extra horizontal space between items in a toolbar.
  20  * By default a 2px wide space is added via CSS specification:
  21  *
  22  *     .x-toolbar .x-toolbar-spacer {
  23  *         width: 2px;
  24  *     }
  25  *
  26  * Example:
  27  *
  28  *     @example
  29  *     Ext.create('Ext.panel.Panel', {
  30  *         title: 'Toolbar Spacer Example',
  31  *         width: 300,
  32  *         height: 200,
  33  *         tbar : [
  34  *             'Item 1',
  35  *             { xtype: 'tbspacer' }, // or ' '
  36  *             'Item 2',
  37  *             // space width is also configurable via javascript
  38  *             { xtype: 'tbspacer', width: 50 }, // add a 50px space
  39  *             'Item 3'
  40  *         ],
  41  *         renderTo: Ext.getBody()
  42  *     });
  43  */
  44 Ext.define('Ext.toolbar.Spacer', {
  45     extend: 'Ext.Component',
  46     alias: 'widget.tbspacer',
  47     alternateClassName: 'Ext.Toolbar.Spacer',
  48     baseCls: Ext.baseCSSPrefix + 'toolbar-spacer',
  49     focusable: false
  50 });</pre>
  51 </body>
  52 </html>