1 <div class="body-wrap">
2 <div class="top-tools">
3 <a class="inner-link" href="#Ext.Toolbar.Separator-props"><img src="../resources/images/default/s.gif" class="item-icon icon-prop">Properties</a>
4 <a class="inner-link" href="#Ext.Toolbar.Separator-methods"><img src="../resources/images/default/s.gif" class="item-icon icon-method">Methods</a>
5 <a class="inner-link" href="#Ext.Toolbar.Separator-events"><img src="../resources/images/default/s.gif" class="item-icon icon-event">Events</a>
6 <a class="bookmark" href="../docs/?class=Ext.Toolbar.Separator"><img src="../resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a>
8 <div class="inheritance res-block">
9 <pre class="res-block-inner"><a ext:cls="Ext.Toolbar.Item" ext:member="" href="output/Ext.Toolbar.Item.html">Toolbar.Item</a>
10 <img src="resources/elbow-end.gif"/>Toolbar.Separator</pre></div>
11 <h1>Class Ext.Toolbar.Separator</h1>
12 <table cellspacing="0">
13 <tr><td class="label">Package:</td><td class="hd-info">Ext</td></tr>
14 <tr><td class="label">Defined In:</td><td class="hd-info"><a href="../src/Toolbar.js" target="_blank">Toolbar.js</a></td></tr>
15 <tr><td class="label">Class:</td><td class="hd-info">Toolbar.Separator</td></tr>
16 <tr><td class="label">Extends:</td><td class="hd-info"><a ext:cls="Ext.Toolbar.Item" ext:member="" href="output/Ext.Toolbar.Item.html">Toolbar.Item</a></td></tr>
18 <div class="description">
19 A simple class that adds a vertical separator bar between toolbar items. Example usage:
20 <pre><code>new Ext.Panel({
23 {xtype: <em>'tbseparator'</em>}, <i>// or <em>'-'</em></i>
26 });</code></pre> </div>
28 <div class="hr"></div>
29 <a id="Ext.Toolbar.Separator-props"></a>
30 <h2>Public Properties</h2>
31 <div class="no-members">This class has no public properties.</div> <a id="Ext.Toolbar.Separator-methods"></a>
32 <h2>Public Methods</h2>
33 <table cellspacing="0" class="member-table">
35 <th class="sig-header" colspan="2">Method</th>
36 <th class="msource-header">Defined By</th>
38 <tr class="method-row expandable">
\r
39 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
41 <a id="Ext.Toolbar.Separator-Toolbar.Separator"></a>
\r
42 <b>Toolbar.Separator</b>() <div class="mdesc">
\r
43 <div class="short">Creates a new Separator</div>
\r
45 Creates a new Separator <div class="mdetail-params">
\r
46 <strong>Parameters:</strong>
\r
47 <ul><li>None.</li> </ul>
\r
48 <strong>Returns:</strong>
\r
50 <li><code></code></li>
\r
56 <td class="msource">Toolbar.Separator</td>
\r
58 <tr class="method-row inherited alt expandable">
\r
59 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
61 <a id="Ext.Toolbar.Separator-destroy"></a>
\r
62 <b>destroy</b>() : void <div class="mdesc">
\r
63 <div class="short">Removes and destroys this item.</div>
\r
65 Removes and destroys this item. <div class="mdetail-params">
\r
66 <strong>Parameters:</strong>
\r
67 <ul><li>None.</li> </ul>
\r
68 <strong>Returns:</strong>
\r
70 <li><code>void</code></li>
\r
76 <td class="msource"><a ext:cls="Ext.Toolbar.Item" ext:member="#destroy" href="output/Ext.Toolbar.Item.html#destroy">Toolbar.Item</a></td>
\r
78 <tr class="method-row inherited expandable">
\r
79 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
81 <a id="Ext.Toolbar.Separator-disable"></a>
\r
82 <b>disable</b>() : void <div class="mdesc">
\r
83 <div class="short">Disables this item.</div>
\r
85 Disables this item. <div class="mdetail-params">
\r
86 <strong>Parameters:</strong>
\r
87 <ul><li>None.</li> </ul>
\r
88 <strong>Returns:</strong>
\r
90 <li><code>void</code></li>
\r
96 <td class="msource"><a ext:cls="Ext.Toolbar.Item" ext:member="#disable" href="output/Ext.Toolbar.Item.html#disable">Toolbar.Item</a></td>
\r
98 <tr class="method-row inherited alt expandable">
\r
99 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
101 <a id="Ext.Toolbar.Separator-enable"></a>
\r
102 <b>enable</b>() : void <div class="mdesc">
\r
103 <div class="short">Enables this item.</div>
\r
105 Enables this item. <div class="mdetail-params">
\r
106 <strong>Parameters:</strong>
\r
107 <ul><li>None.</li> </ul>
\r
108 <strong>Returns:</strong>
\r
110 <li><code>void</code></li>
\r
116 <td class="msource"><a ext:cls="Ext.Toolbar.Item" ext:member="#enable" href="output/Ext.Toolbar.Item.html#enable">Toolbar.Item</a></td>
\r
118 <tr class="method-row inherited expandable">
\r
119 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
121 <a id="Ext.Toolbar.Separator-focus"></a>
\r
122 <b>focus</b>() : void <div class="mdesc">
\r
123 <div class="short">Try to focus this item</div>
\r
125 Try to focus this item <div class="mdetail-params">
\r
126 <strong>Parameters:</strong>
\r
127 <ul><li>None.</li> </ul>
\r
128 <strong>Returns:</strong>
\r
130 <li><code>void</code></li>
\r
136 <td class="msource"><a ext:cls="Ext.Toolbar.Item" ext:member="#focus" href="output/Ext.Toolbar.Item.html#focus">Toolbar.Item</a></td>
\r
138 <tr class="method-row inherited alt expandable">
\r
139 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
141 <a id="Ext.Toolbar.Separator-getEl"></a>
\r
142 <b>getEl</b>() : HTMLElement <div class="mdesc">
\r
143 <div class="short">Get this item's HTML Element</div>
\r
145 Get this item's HTML Element <div class="mdetail-params">
\r
146 <strong>Parameters:</strong>
\r
147 <ul><li>None.</li> </ul>
\r
148 <strong>Returns:</strong>
\r
150 <li><code>HTMLElement</code></li>
\r
156 <td class="msource"><a ext:cls="Ext.Toolbar.Item" ext:member="#getEl" href="output/Ext.Toolbar.Item.html#getEl">Toolbar.Item</a></td>
\r
158 <tr class="method-row inherited expandable">
\r
159 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
161 <a id="Ext.Toolbar.Separator-hide"></a>
\r
162 <b>hide</b>() : void <div class="mdesc">
\r
163 <div class="short">Hides this item.</div>
\r
165 Hides this item. <div class="mdetail-params">
\r
166 <strong>Parameters:</strong>
\r
167 <ul><li>None.</li> </ul>
\r
168 <strong>Returns:</strong>
\r
170 <li><code>void</code></li>
\r
176 <td class="msource"><a ext:cls="Ext.Toolbar.Item" ext:member="#hide" href="output/Ext.Toolbar.Item.html#hide">Toolbar.Item</a></td>
\r
178 <tr class="method-row inherited alt expandable">
\r
179 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
181 <a id="Ext.Toolbar.Separator-setVisible"></a>
\r
182 <b>setVisible</b>( <code>Boolean visible</code> ) : void <div class="mdesc">
\r
183 <div class="short">Convenience function for boolean show/hide.</div>
\r
185 Convenience function for boolean show/hide. <div class="mdetail-params">
\r
186 <strong>Parameters:</strong>
\r
187 <ul><li><code>visible</code> : Boolean<div class="sub-desc">true to show/false to hide</div></li> </ul>
\r
188 <strong>Returns:</strong>
\r
190 <li><code>void</code></li>
\r
196 <td class="msource"><a ext:cls="Ext.Toolbar.Item" ext:member="#setVisible" href="output/Ext.Toolbar.Item.html#setVisible">Toolbar.Item</a></td>
\r
198 <tr class="method-row inherited expandable">
\r
199 <td class="micon"><a class="exi" href="#expand"> </a></td>
\r
201 <a id="Ext.Toolbar.Separator-show"></a>
\r
202 <b>show</b>() : void <div class="mdesc">
\r
203 <div class="short">Shows this item.</div>
\r
205 Shows this item. <div class="mdetail-params">
\r
206 <strong>Parameters:</strong>
\r
207 <ul><li>None.</li> </ul>
\r
208 <strong>Returns:</strong>
\r
210 <li><code>void</code></li>
\r
216 <td class="msource"><a ext:cls="Ext.Toolbar.Item" ext:member="#show" href="output/Ext.Toolbar.Item.html#show">Toolbar.Item</a></td>
\r
219 <a id="Ext.Toolbar.Separator-events"></a>
220 <h2>Public Events</h2>
221 <div class="no-members">This class has no public events.</div>