docs/source/Separator.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-Separator'>/**
  19 </span> * @class Ext.toolbar.Separator
  20  * @extends Ext.toolbar.Item
  21  * A simple class that adds a vertical separator bar between toolbar items
  22  * (css class:&lt;tt&gt;'x-toolbar-separator'&lt;/tt&gt;).
  23  *
  24  * {@img Ext.toolbar.Separator/Ext.toolbar.Separator.png Toolbar Separator}
  25  *
  26  * ## Example
  27  *
  28  *     Ext.create('Ext.panel.Panel', {
  29  *         title: 'Toolbar Seperator Example',
  30  *         width: 300,
  31  *         height: 200,
  32  *         tbar : [
  33  *             'Item 1',
  34  *             {xtype: 'tbseparator'}, // or '-'
  35  *             'Item 2'
  36  *         ],
  37  *         renderTo: Ext.getBody()
  38  *     });
  39  *
  40  */
  41 Ext.define('Ext.toolbar.Separator', {
  42     extend: 'Ext.toolbar.Item',
  43     alias: 'widget.tbseparator',
  44     alternateClassName: 'Ext.Toolbar.Separator',
  45     baseCls: Ext.baseCSSPrefix + 'toolbar-separator',
  46     focusable: false
  47 });</pre>
  48 </body>
  49 </html>