docs/source/Separator2.html

   1 <!DOCTYPE html><html><head><title>Sencha Documentation Project</title><link rel="stylesheet" href="../reset.css" type="text/css"><link rel="stylesheet" href="../prettify.css" type="text/css"><link rel="stylesheet" href="../prettify_sa.css" type="text/css"><script type="text/javascript" src="../prettify.js"></script></head><body onload="prettyPrint()"><pre class="prettyprint"><pre><span id='Ext-toolbar.Separator-method-constructor'><span id='Ext-toolbar.Separator'>/**
   2 </span></span> * @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:&lt;tt&gt;'x-toolbar-separator'&lt;/tt&gt;).
   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 });</pre></pre></body></html>