docs/source/Separator2.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-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 (css class: 'x-toolbar-separator').
  22  *
  23  *     @example
  24  *     Ext.create('Ext.panel.Panel', {
  25  *         title: 'Toolbar Seperator Example',
  26  *         width: 300,
  27  *         height: 200,
  28  *         tbar : [
  29  *             'Item 1',
  30  *             { xtype: 'tbseparator' },
  31  *             'Item 2'
  32  *         ],
  33  *         renderTo: Ext.getBody()
  34  *     });
  35  */
  36 Ext.define('Ext.toolbar.Separator', {
  37     extend: 'Ext.toolbar.Item',
  38     alias: 'widget.tbseparator',
  39     alternateClassName: 'Ext.Toolbar.Separator',
  40     baseCls: Ext.baseCSSPrefix + 'toolbar-separator',
  41     focusable: false
  42 });</pre>
  43 </body>
  44 </html>