/ext-4.1.0_b3/docs/source/Spacer.html
HTML | 52 lines | 52 code | 0 blank | 0 comment | 0 complexity | e69ea3f8102a6e0eeeffa51a8acf5568 MD5 | raw file
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-Spacer'>/**
19</span> * A simple element that adds extra horizontal space between items in a toolbar.
20 * By default a 2px wide space is added via CSS specification:
21 *
22 * .x-toolbar .x-toolbar-spacer {
23 * width: 2px;
24 * }
25 *
26 * Example:
27 *
28 * @example
29 * Ext.create('Ext.panel.Panel', {
30 * title: 'Toolbar Spacer Example',
31 * width: 300,
32 * height: 200,
33 * tbar : [
34 * 'Item 1',
35 * { xtype: 'tbspacer' }, // or ' '
36 * 'Item 2',
37 * // space width is also configurable via javascript
38 * { xtype: 'tbspacer', width: 50 }, // add a 50px space
39 * 'Item 3'
40 * ],
41 * renderTo: Ext.getBody()
42 * });
43 */
44Ext.define('Ext.toolbar.Spacer', {
45 extend: 'Ext.Component',
46 alias: 'widget.tbspacer',
47 alternateClassName: 'Ext.Toolbar.Spacer',
48 baseCls: Ext.baseCSSPrefix + 'toolbar-spacer',
49 focusable: false
50});</pre>
51</body>
52</html>