src/toolbar/Separator.js

   1 /**
   2  * @class Ext.toolbar.Separator
   3  * @extends Ext.toolbar.Item
   4  * A simple class that adds a vertical separator bar between toolbar items
   5  * (css class:<tt>'x-toolbar-separator'</tt>).
   6  * {@img Ext.toolbar.Separator/Ext.toolbar.Separator.png Toolbar Separator}
   7  * Example usage:
   8  * <pre><code>
   9     Ext.create('Ext.panel.Panel', {
  10         title: 'Toolbar Seperator Example',
  11         width: 300,
  12         height: 200,
  13         tbar : [
  14             'Item 1',
  15             {xtype: 'tbseparator'}, // or '-'
  16             'Item 2'
  17         ],
  18         renderTo: Ext.getBody()
  19     });
  20 </code></pre>
  21  * @constructor
  22  * Creates a new Separator
  23  * @xtype tbseparator
  24  */
  25 Ext.define('Ext.toolbar.Separator', {
  26     extend: 'Ext.toolbar.Item',
  27     alias: 'widget.tbseparator',
  28     alternateClassName: 'Ext.Toolbar.Separator',
  29     baseCls: Ext.baseCSSPrefix + 'toolbar-separator',
  30     focusable: false
  31 });