/ext-4.1.0_b3/docs/source/Separator.html
HTML | 145 lines | 124 code | 21 blank | 0 comment | 0 complexity | 2ba9773303dda5c05c8e59265048d207 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-menu-Separator'>/**
19</span> * Adds a separator bar to a menu, used to divide logical groups of menu items. Generally you will
20 * add one of these by using "-" in your call to add() or in your items config rather than creating one directly.
21 *
22 * @example
23 * Ext.create('Ext.menu.Menu', {
24 * width: 100,
25 * height: 100,
26 * floating: false, // usually you want this set to True (default)
27 * renderTo: Ext.getBody(), // usually rendered by it's containing component
28 * items: [{
29 * text: 'icon item',
30 * iconCls: 'add16'
31 * },{
32 * xtype: 'menuseparator'
33 * },{
34 * text: 'seperator above',
35 * },{
36 * text: 'regular item',
37 * }]
38 * });
39 */
40Ext.define('Ext.menu.Separator', {
41 extend: 'Ext.menu.Item',
42 alias: 'widget.menuseparator',
43
44<span id='Ext-menu-Separator-cfg-activeCls'> /**
45</span> * @cfg {String} activeCls
46 * @private
47 */
48
49<span id='Ext-menu-Separator-cfg-canActivate'> /**
50</span> * @cfg {Boolean} canActivate
51 * @private
52 */
53 canActivate: false,
54
55<span id='Ext-menu-Separator-cfg-clickHideDelay'> /**
56</span> * @cfg {Boolean} clickHideDelay
57 * @private
58 */
59
60<span id='Ext-menu-Separator-cfg-destroyMenu'> /**
61</span> * @cfg {Boolean} destroyMenu
62 * @private
63 */
64
65<span id='Ext-menu-Separator-cfg-disabledCls'> /**
66</span> * @cfg {Boolean} disabledCls
67 * @private
68 */
69
70 focusable: false,
71
72<span id='Ext-menu-Separator-cfg-href'> /**
73</span> * @cfg {String} href
74 * @private
75 */
76
77<span id='Ext-menu-Separator-cfg-hrefTarget'> /**
78</span> * @cfg {String} hrefTarget
79 * @private
80 */
81
82<span id='Ext-menu-Separator-cfg-hideOnClick'> /**
83</span> * @cfg {Boolean} hideOnClick
84 * @private
85 */
86 hideOnClick: false,
87
88<span id='Ext-menu-Separator-cfg-icon'> /**
89</span> * @cfg {String} icon
90 * @private
91 */
92
93<span id='Ext-menu-Separator-cfg-iconCls'> /**
94</span> * @cfg {String} iconCls
95 * @private
96 */
97
98<span id='Ext-menu-Separator-cfg-menu'> /**
99</span> * @cfg {Object} menu
100 * @private
101 */
102
103<span id='Ext-menu-Separator-cfg-menuAlign'> /**
104</span> * @cfg {String} menuAlign
105 * @private
106 */
107
108<span id='Ext-menu-Separator-cfg-menuExpandDelay'> /**
109</span> * @cfg {Number} menuExpandDelay
110 * @private
111 */
112
113<span id='Ext-menu-Separator-cfg-menuHideDelay'> /**
114</span> * @cfg {Number} menuHideDelay
115 * @private
116 */
117
118<span id='Ext-menu-Separator-cfg-plain'> /**
119</span> * @cfg {Boolean} plain
120 * @private
121 */
122 plain: true,
123
124<span id='Ext-menu-Separator-cfg-separatorCls'> /**
125</span> * @cfg {String} separatorCls
126 * The CSS class used by the separator item to show the incised line.
127 */
128 separatorCls: Ext.baseCSSPrefix + 'menu-item-separator',
129
130<span id='Ext-menu-Separator-cfg-text'> /**
131</span> * @cfg {String} text
132 * @private
133 */
134 text: '&#160;',
135
136 beforeRender: function(ct, pos) {
137 var me = this;
138
139 me.callParent();
140
141 me.addCls(me.separatorCls);
142 }
143});</pre>
144</body>
145</html>