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  *
   7  * {@img Ext.toolbar.Separator/Ext.toolbar.Separator.png Toolbar Separator}
   8  *
   9  * ## Example
  10  *
  11  *     Ext.create('Ext.panel.Panel', {
  12  *         title: 'Toolbar Seperator Example',
  13  *         width: 300,
  14  *         height: 200,
  15  *         tbar : [
  16  *             'Item 1',
  17  *             {xtype: 'tbseparator'}, // or '-'
  18  *             'Item 2'
  19  *         ],
  20  *         renderTo: Ext.getBody()
  21  *     });
  22  *
  23  * @constructor
  24  * Creates a new Separator
  25  * @xtype tbseparator
  26  */
  27 Ext.define('Ext.toolbar.Separator', {
  28     extend: 'Ext.toolbar.Item',
  29     alias: 'widget.tbseparator',
  30     alternateClassName: 'Ext.Toolbar.Separator',
  31     baseCls: Ext.baseCSSPrefix + 'toolbar-separator',
  32     focusable: false
  33 });