- xtype: <em>'textfield'</em>,
- fieldLabel: <em>'Name'</em>,
- labelStyle: <em>'font-weight:bold;'</em>
- }]
-});</code></pre> </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Component" ext:member="#labelStyle" href="output/Ext.Component.html#labelStyle">Component</a></td>\r
- </tr>\r
- <tr class="config-row inherited expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-listeners"></a>\r
- <b>listeners</b> : Object <div class="mdesc">\r
- <div class="short">(optional) A config object containing one or more event handlers to be added to this object during initialization. Th...</div>\r
- <div class="long">\r
- (optional) A config object containing one or more event handlers to be added to this object during initialization. This should be a valid listeners config object as specified in the <a ext:cls="Ext.util.Observable" ext:member="addListener" href="output/Ext.util.Observable.html#addListener">addListener</a> example for attaching multiple handlers at once. </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#listeners" href="output/Ext.util.Observable.html#listeners">Observable</a></td>\r
- </tr>\r
- <tr class="config-row inherited alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-overCls"></a>\r
- <b>overCls</b> : String <div class="mdesc">\r
- <div class="short">An optional extra CSS class that will be added to this component's Element when the mouse moves over the Element, and...</div>\r
- <div class="long">\r
- An optional extra CSS class that will be added to this component's Element when the mouse moves over the Element, and removed when the mouse moves out. (defaults to ''). This can be useful for adding customized "active" or "hover" styles to the component or any of its children using standard CSS rules. </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Component" ext:member="#overCls" href="output/Ext.Component.html#overCls">Component</a></td>\r
- </tr>\r
- <tr class="config-row">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-pageSize"></a>\r
- <b>pageSize</b> : Number <div class="mdesc">\r
- The number of records to display per page (defaults to 20) </div>\r
- </td>\r
- <td class="msource">PagingToolbar</td>\r
- </tr>\r
- <tr class="config-row inherited alt">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-pageX"></a>\r
- <b>pageX</b> : Number <div class="mdesc">\r
- The page level x coordinate for this component if contained within a positioning container. </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.BoxComponent" ext:member="#pageX" href="output/Ext.BoxComponent.html#pageX">BoxComponent</a></td>\r
- </tr>\r
- <tr class="config-row inherited">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-pageY"></a>\r
- <b>pageY</b> : Number <div class="mdesc">\r
- The page level y coordinate for this component if contained within a positioning container. </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.BoxComponent" ext:member="#pageY" href="output/Ext.BoxComponent.html#pageY">BoxComponent</a></td>\r
- </tr>\r
- <tr class="config-row inherited alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-plugins"></a>\r
- <b>plugins</b> : Object/Array <div class="mdesc">\r
- <div class="short">An object or array of objects that will provide custom functionality for this component. The only requirement for a v...</div>\r
- <div class="long">\r
- An object or array of objects that will provide custom functionality for this component. The only requirement for a valid plugin is that it contain an init method that accepts a reference of type Ext.Component. When a component is created, if any plugins are available, the component will call the init method on each plugin, passing a reference to itself. Each plugin can then call methods or respond to events on the component as needed to provide its functionality. </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Component" ext:member="#plugins" href="output/Ext.Component.html#plugins">Component</a></td>\r
- </tr>\r
- <tr class="config-row inherited expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-renderTo"></a>\r
- <b>renderTo</b> : Mixed <div class="mdesc">\r
- <div class="short">The id of the node, a DOM node or an existing Element that will be the container to render this component into. Using...</div>\r
- <div class="long">\r
- The id of the node, a DOM node or an existing Element that will be the container to render this component into. Using this config, a call to render() is not required. </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Component" ext:member="#renderTo" href="output/Ext.Component.html#renderTo">Component</a></td>\r
- </tr>\r
- <tr class="config-row inherited alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-stateEvents"></a>\r
- <b>stateEvents</b> : Array <div class="mdesc">\r
- <div class="short">An array of events that, when fired, should trigger this component to save its state (defaults to none). These can be...</div>\r
- <div class="long">\r
- An array of events that, when fired, should trigger this component to save its state (defaults to none). These can be any types of events supported by this component, including browser or custom events (e.g., ['click', 'customerchange']). <p>See <a ext:cls="Ext.Component" ext:member="stateful" href="output/Ext.Component.html#stateful">stateful</a> for an explanation of saving and restoring Component state.</p> </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Component" ext:member="#stateEvents" href="output/Ext.Component.html#stateEvents">Component</a></td>\r
- </tr>\r
- <tr class="config-row inherited expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-stateId"></a>\r
- <b>stateId</b> : String <div class="mdesc">\r
- <div class="short">The unique id for this component to use for state management purposes (defaults to the component id if one was set, o...</div>\r
- <div class="long">\r
- The unique id for this component to use for state management purposes (defaults to the component id if one was set, otherwise null if the component is using a generated id). <p>See <a ext:cls="Ext.Component" ext:member="stateful" href="output/Ext.Component.html#stateful">stateful</a> for an explanation of saving and restoring Component state.</p> </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Component" ext:member="#stateId" href="output/Ext.Component.html#stateId">Component</a></td>\r
- </tr>\r
- <tr class="config-row inherited alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-stateful"></a>\r
- <b>stateful</b> : Boolean <div class="mdesc">\r
- <div class="short">A flag which causes the Component to attempt to restore the state of internal properties from a saved state on startu...</div>\r
- <div class="long">\r
- <p>A flag which causes the Component to attempt to restore the state of internal properties from a saved state on startup. The component must have either a <a ext:cls="Ext.Component" ext:member="stateId" href="output/Ext.Component.html#stateId">stateId</a> or <a ext:cls="Ext.Component" ext:member="id" href="output/Ext.Component.html#id">id</a> assigned for state to be managed. Auto-generated ids are not guaranteed to be stable across page loads and cannot be relied upon to save and restore the same state for a component.<p> For state saving to work, the state manager's provider must have been set to an implementation of <a ext:cls="Ext.state.Provider" href="output/Ext.state.Provider.html">Ext.state.Provider</a> which overrides the <a ext:cls="Ext.state.Provider" ext:member="set" href="output/Ext.state.Provider.html#set">set</a> and <a ext:cls="Ext.state.Provider" ext:member="get" href="output/Ext.state.Provider.html#get">get</a> methods to save and recall name/value pairs. A built-in implementation, <a ext:cls="Ext.state.CookieProvider" href="output/Ext.state.CookieProvider.html">Ext.state.CookieProvider</a> is available.</p> <p>To set the state provider for the current page:</p> <pre><code>Ext.state.Manager.setProvider(<b>new</b> Ext.state.CookieProvider());</code></pre> <p>Components attempt to save state when one of the events listed in the <a ext:cls="Ext.Component" ext:member="stateEvents" href="output/Ext.Component.html#stateEvents">stateEvents</a> configuration fires.</p> <p>You can perform extra processing on state save and restore by attaching handlers to the <a ext:cls="Ext.Component" ext:member="beforestaterestore" href="output/Ext.Component.html#beforestaterestore">beforestaterestore</a>, <a ext:cls="Ext.Component" ext:member="staterestore" href="output/Ext.Component.html#staterestore">staterestore</a>, <a ext:cls="Ext.Component" ext:member="beforestatesave" href="output/Ext.Component.html#beforestatesave">beforestatesave</a> and <a ext:cls="Ext.Component" ext:member="statesave" href="output/Ext.Component.html#statesave">statesave</a> events</p> </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Component" ext:member="#stateful" href="output/Ext.Component.html#stateful">Component</a></td>\r
- </tr>\r
- <tr class="config-row">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-store"></a>\r
- <b>store</b> : Ext.data.Store <div class="mdesc">\r
- The <a ext:cls="Ext.data.Store" href="output/Ext.data.Store.html">Ext.data.Store</a> the paging toolbar should use as its data source (required). </div>\r
- </td>\r
- <td class="msource">PagingToolbar</td>\r
- </tr>\r
- <tr class="config-row inherited alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-style"></a>\r
- <b>style</b> : String <div class="mdesc">\r
- <div class="short">A custom style specification to be applied to this component's Element. Should be a valid argument to Ext.Element.app...</div>\r
- <div class="long">\r
- A custom style specification to be applied to this component's Element. Should be a valid argument to <a ext:cls="Ext.Element" ext:member="applyStyles" href="output/Ext.Element.html#applyStyles">Ext.Element.applyStyles</a>. </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Component" ext:member="#style" href="output/Ext.Component.html#style">Component</a></td>\r
- </tr>\r
- <tr class="config-row inherited">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-width"></a>\r
- <b>width</b> : Number <div class="mdesc">\r
- The width of this component in pixels (defaults to auto). </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.BoxComponent" ext:member="#width" href="output/Ext.BoxComponent.html#width">BoxComponent</a></td>\r
- </tr>\r
- <tr class="config-row inherited alt">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-x"></a>\r
- <b>x</b> : Number <div class="mdesc">\r
- The local x (left) coordinate for this component if contained within a positioning container. </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.BoxComponent" ext:member="#x" href="output/Ext.BoxComponent.html#x">BoxComponent</a></td>\r
- </tr>\r
- <tr class="config-row inherited expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-xtype"></a>\r
- <b>xtype</b> : String <div class="mdesc">\r
- <div class="short">The registered xtype to create. This config option is not used when passing a config object into a constructor. This ...</div>\r
- <div class="long">\r
- The registered xtype to create. This config option is not used when passing a config object into a constructor. This config option is used only when lazy instantiation is being used, and a child item of a Container is being specified not as a fully instantiated Component, but as a <i>Component config object</i>. The xtype will be looked up at render time up to determine what type of child Component to create.<br><br> The predefined xtypes are listed <a ext:cls="Ext.Component" href="output/Ext.Component.html">here</a>. <br><br> If you subclass Components to create your own Components, you may register them using <a ext:cls="Ext.ComponentMgr" ext:member="registerType" href="output/Ext.ComponentMgr.html#registerType">Ext.ComponentMgr.registerType</a> in order to be able to take advantage of lazy instantiation and rendering. </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Component" ext:member="#xtype" href="output/Ext.Component.html#xtype">Component</a></td>\r
- </tr>\r
- <tr class="config-row inherited alt">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-y"></a>\r
- <b>y</b> : Number <div class="mdesc">\r
- The local y (top) coordinate for this component if contained within a positioning container. </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.BoxComponent" ext:member="#y" href="output/Ext.BoxComponent.html#y">BoxComponent</a></td>\r
- </tr>\r
- </table>
- <a id="Ext.PagingToolbar-props"></a>
- <h2>Public Properties</h2>
- <table cellspacing="0" class="member-table">
- <tr>
- <th class="sig-header" colspan="2">Property</th>
- <th class="msource-header">Defined By</th>
- </tr>
- <tr class="property-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-afterPageText"></a>\r
- <b>afterPageText</b> : String <div class="mdesc">\r
- <div class="short">Customizable piece of the default paging text (defaults to "of {0}"). Note that this string is
-formatted using {0} as...</div>\r
- <div class="long">\r
- Customizable piece of the default paging text (defaults to "of {0}"). Note that this string is
-formatted using {0} as a token that is replaced by the number of total pages. This token should be
-preserved when overriding this string if showing the total page count is desired. </div>\r
- </div>\r
- </td>\r
- <td class="msource">PagingToolbar</td>\r
- </tr>\r
- <tr class="property-row alt">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-beforePageText"></a>\r
- <b>beforePageText</b> : String <div class="mdesc">\r
- Customizable piece of the default paging text (defaults to "Page") </div>\r
- </td>\r
- <td class="msource">PagingToolbar</td>\r
- </tr>\r
- <tr class="property-row inherited">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-disabled"></a>\r
- <b>disabled</b> : Boolean <div class="mdesc">\r
- True if this component is disabled. Read-only. </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Component" ext:member="#disabled" href="output/Ext.Component.html#disabled">Component</a></td>\r
- </tr>\r
- <tr class="property-row alt">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-firstText"></a>\r
- <b>firstText</b> : String <div class="mdesc">\r
- Customizable piece of the default paging text (defaults to "First Page") </div>\r
- </td>\r
- <td class="msource">PagingToolbar</td>\r
- </tr>\r
- <tr class="property-row inherited">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-hidden"></a>\r
- <b>hidden</b> : Boolean <div class="mdesc">\r
-
-True if this component is hidden. Read-only. </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Component" ext:member="#hidden" href="output/Ext.Component.html#hidden">Component</a></td>\r
- </tr>\r
- <tr class="property-row inherited alt">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-initialConfig"></a>\r
- <b>initialConfig</b> : Object <div class="mdesc">\r
- This Component's initial configuration specification. Read-only. </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Component" ext:member="#initialConfig" href="output/Ext.Component.html#initialConfig">Component</a></td>\r
- </tr>\r
- <tr class="property-row inherited">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-items"></a>\r
- <b>items</b> : Ext.util.MixedCollection <div class="mdesc">\r
- A MixedCollection of this Toolbar's items </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Toolbar" ext:member="#items" href="output/Ext.Toolbar.html#items">Toolbar</a></td>\r
- </tr>\r
- <tr class="property-row alt">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-lastText"></a>\r
- <b>lastText</b> : String <div class="mdesc">\r
- Customizable piece of the default paging text (defaults to "Last Page") </div>\r
- </td>\r
- <td class="msource">PagingToolbar</td>\r
- </tr>\r
- <tr class="property-row">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-nextText"></a>\r
- <b>nextText</b> : String <div class="mdesc">\r
- Customizable piece of the default paging text (defaults to "Next Page") </div>\r
- </td>\r
- <td class="msource">PagingToolbar</td>\r
- </tr>\r
- <tr class="property-row inherited alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-ownerCt"></a>\r
- <b>ownerCt</b> : Ext.Container <div class="mdesc">\r
- <div class="short">The component's owner Ext.Container (defaults to undefined, and is set automatically when
-the component is added to a...</div>\r
- <div class="long">\r
- The component's owner <a ext:cls="Ext.Container" href="output/Ext.Container.html">Ext.Container</a> (defaults to undefined, and is set automatically when
-the component is added to a container). Read-only. </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Component" ext:member="#ownerCt" href="output/Ext.Component.html#ownerCt">Component</a></td>\r
- </tr>\r
- <tr class="property-row">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-paramNames"></a>\r
- <b>paramNames</b> : Object <div class="mdesc">\r
- Object mapping of parameter names for load calls (defaults to {start: 'start', limit: 'limit'}) </div>\r
- </td>\r
- <td class="msource">PagingToolbar</td>\r
- </tr>\r
- <tr class="property-row alt">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-prevText"></a>\r
- <b>prevText</b> : String <div class="mdesc">\r
- Customizable piece of the default paging text (defaults to "Previous Page") </div>\r
- </td>\r
- <td class="msource">PagingToolbar</td>\r
- </tr>\r
- <tr class="property-row">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-refreshText"></a>\r
- <b>refreshText</b> : String <div class="mdesc">\r
- Customizable piece of the default paging text (defaults to "Refresh") </div>\r
- </td>\r
- <td class="msource">PagingToolbar</td>\r
- </tr>\r
- <tr class="property-row inherited alt">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-rendered"></a>\r
- <b>rendered</b> : Boolean <div class="mdesc">\r
- True if this component has been rendered. Read-only. </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Component" ext:member="#rendered" href="output/Ext.Component.html#rendered">Component</a></td>\r
- </tr>\r
- </table>
- <a id="Ext.PagingToolbar-methods"></a>
- <h2>Public Methods</h2>
- <table cellspacing="0" class="member-table">
- <tr>
- <th class="sig-header" colspan="2">Method</th>
- <th class="msource-header">Defined By</th>
- </tr>
- <tr class="method-row expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-PagingToolbar"></a>\r
- <b>PagingToolbar</b>( <code>Object config</code> ) <div class="mdesc">\r
- <div class="short">Create a new PagingToolbar</div>\r
- <div class="long">\r
- Create a new PagingToolbar <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>config</code> : Object<div class="sub-desc">The config object</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code></code></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource">PagingToolbar</td>\r
- </tr>\r
- <tr class="method-row inherited alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-add"></a>\r
- <b>add</b>( <code>Mixed arg1</code>, <code>Mixed arg2</code>, <code>Mixed etc.</code> ) : void <div class="mdesc">\r
- <div class="short">Adds element(s) to the toolbar -- this function takes a variable number of
-arguments of mixed type and adds them to t...</div>\r
- <div class="long">\r
- Adds element(s) to the toolbar -- this function takes a variable number of
-arguments of mixed type and adds them to the toolbar. <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>arg1</code> : Mixed<div class="sub-desc">The following types of arguments are all valid:<br />
-<ul>
-<li><a ext:cls="Ext.Toolbar.Button" href="output/Ext.Toolbar.Button.html">Ext.Toolbar.Button</a> config: A valid button config object (equivalent to <a ext:cls="Ext.Toolbar" ext:member="addButton" href="output/Ext.Toolbar.html#addButton">addButton</a>)</li>
-<li>HtmlElement: Any standard HTML element (equivalent to <a ext:cls="Ext.Toolbar" ext:member="addElement" href="output/Ext.Toolbar.html#addElement">addElement</a>)</li>
-<li>Field: Any form field (equivalent to <a ext:cls="Ext.Toolbar" ext:member="addField" href="output/Ext.Toolbar.html#addField">addField</a>)</li>
-<li>Item: Any subclass of <a ext:cls="Ext.Toolbar.Item" href="output/Ext.Toolbar.Item.html">Ext.Toolbar.Item</a> (equivalent to <a ext:cls="Ext.Toolbar" ext:member="addItem" href="output/Ext.Toolbar.html#addItem">addItem</a>)</li>
-<li>String: Any generic string (gets wrapped in a <a ext:cls="Ext.Toolbar.TextItem" href="output/Ext.Toolbar.TextItem.html">Ext.Toolbar.TextItem</a>, equivalent to <a ext:cls="Ext.Toolbar" ext:member="addText" href="output/Ext.Toolbar.html#addText">addText</a>).
-Note that there are a few special strings that are treated differently as explained next.</li>
-<li>'separator' or '-': Creates a separator element (equivalent to <a ext:cls="Ext.Toolbar" ext:member="addSeparator" href="output/Ext.Toolbar.html#addSeparator">addSeparator</a>)</li>
-<li>' ': Creates a spacer element (equivalent to <a ext:cls="Ext.Toolbar" ext:member="addSpacer" href="output/Ext.Toolbar.html#addSpacer">addSpacer</a>)</li>
-<li>'->': Creates a fill element (equivalent to <a ext:cls="Ext.Toolbar" ext:member="addFill" href="output/Ext.Toolbar.html#addFill">addFill</a>)</li>
-</ul></div></li><li><code>arg2</code> : Mixed<div class="sub-desc"></div></li><li><code>etc.</code> : Mixed<div class="sub-desc"></div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>void</code></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Toolbar" ext:member="#add" href="output/Ext.Toolbar.html#add">Toolbar</a></td>\r
- </tr>\r
- <tr class="method-row inherited expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-addButton"></a>\r
- <b>addButton</b>( <code>Object/Array config</code> ) : Ext.Toolbar.Button/Array <div class="mdesc">\r
- <div class="short">Adds a button (or buttons). See <a ext:cls="Ext.Toolbar.Button" href="output/Ext.Toolbar.Button.html">Ext.Toolbar.Button</a> for more info on the config.</div>\r
- <div class="long">\r
- Adds a button (or buttons). See <a ext:cls="Ext.Toolbar.Button" href="output/Ext.Toolbar.Button.html">Ext.Toolbar.Button</a> for more info on the config. <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>config</code> : Object/Array<div class="sub-desc">A button config or array of configs</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>Ext.Toolbar.Button/Array</code></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Toolbar" ext:member="#addButton" href="output/Ext.Toolbar.html#addButton">Toolbar</a></td>\r
- </tr>\r
- <tr class="method-row inherited alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-addClass"></a>\r
- <b>addClass</b>( <code>string cls</code> ) : void <div class="mdesc">\r
- <div class="short">Adds a CSS class to the component's underlying element.</div>\r
- <div class="long">\r
- Adds a CSS class to the component's underlying element. <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>cls</code> : string<div class="sub-desc">The CSS class name to add</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>void</code></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Component" ext:member="#addClass" href="output/Ext.Component.html#addClass">Component</a></td>\r
- </tr>\r
- <tr class="method-row inherited expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-addDom"></a>\r
- <b>addDom</b>( <code>Object config</code> ) : Ext.Toolbar.Item <div class="mdesc">\r
- <div class="short">Adds a new element to the toolbar from the passed <a ext:cls="Ext.DomHelper" href="output/Ext.DomHelper.html">Ext.DomHelper</a> config</div>\r
- <div class="long">\r
- Adds a new element to the toolbar from the passed <a ext:cls="Ext.DomHelper" href="output/Ext.DomHelper.html">Ext.DomHelper</a> config <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>config</code> : Object<div class="sub-desc"></div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>Ext.Toolbar.Item</code><div class="sub-desc">The element's item</div></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Toolbar" ext:member="#addDom" href="output/Ext.Toolbar.html#addDom">Toolbar</a></td>\r
- </tr>\r
- <tr class="method-row inherited alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-addElement"></a>\r
- <b>addElement</b>( <code>Mixed el</code> ) : Ext.Toolbar.Item <div class="mdesc">\r
- <div class="short">Adds any standard HTML element to the toolbar</div>\r
- <div class="long">\r
- Adds any standard HTML element to the toolbar <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>el</code> : Mixed<div class="sub-desc">The element or id of the element to add</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>Ext.Toolbar.Item</code><div class="sub-desc">The element's item</div></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Toolbar" ext:member="#addElement" href="output/Ext.Toolbar.html#addElement">Toolbar</a></td>\r
- </tr>\r
- <tr class="method-row inherited expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-addEvents"></a>\r
- <b>addEvents</b>( <code>Object object</code> ) : void <div class="mdesc">\r
- <div class="short">Used to define events on this Observable</div>\r
- <div class="long">\r
- Used to define events on this Observable <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>object</code> : Object<div class="sub-desc">The object with the events defined</div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>void</code></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#addEvents" href="output/Ext.util.Observable.html#addEvents">Observable</a></td>\r
- </tr>\r
- <tr class="method-row inherited alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-addField"></a>\r
- <b>addField</b>( <code>Ext.form.Field field</code> ) : Ext.Toolbar.Item <div class="mdesc">\r
- <div class="short">Adds a dynamically rendered Ext.form field (TextField, ComboBox, etc). Note: the field should not have
-been rendered ...</div>\r
- <div class="long">\r
- Adds a dynamically rendered Ext.form field (TextField, ComboBox, etc). Note: the field should not have
-been rendered yet. For a field that has already been rendered, use <a ext:cls="Ext.Toolbar" ext:member="addElement" href="output/Ext.Toolbar.html#addElement">addElement</a>. <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>field</code> : Ext.form.Field<div class="sub-desc"></div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>Ext.Toolbar.Item</code></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Toolbar" ext:member="#addField" href="output/Ext.Toolbar.html#addField">Toolbar</a></td>\r
- </tr>\r
- <tr class="method-row inherited expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-addFill"></a>\r
- <b>addFill</b>() : Ext.Toolbar.Fill <div class="mdesc">\r
- <div class="short">Adds a fill element that forces subsequent additions to the right side of the toolbar</div>\r
- <div class="long">\r
- Adds a fill element that forces subsequent additions to the right side of the toolbar <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li>None.</li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>Ext.Toolbar.Fill</code><div class="sub-desc">The fill item</div></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Toolbar" ext:member="#addFill" href="output/Ext.Toolbar.html#addFill">Toolbar</a></td>\r
- </tr>\r
- <tr class="method-row inherited alt expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-addItem"></a>\r
- <b>addItem</b>( <code>Ext.Toolbar.Item item</code> ) : Ext.Toolbar.Item <div class="mdesc">\r
- <div class="short">Adds any Toolbar.Item or subclass</div>\r
- <div class="long">\r
- Adds any Toolbar.Item or subclass <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>item</code> : Ext.Toolbar.Item<div class="sub-desc"></div></li> </ul>\r
- <strong>Returns:</strong>\r
- <ul>\r
- <li><code>Ext.Toolbar.Item</code><div class="sub-desc">The item</div></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </div>\r
- </td>\r
- <td class="msource"><a ext:cls="Ext.Toolbar" ext:member="#addItem" href="output/Ext.Toolbar.html#addItem">Toolbar</a></td>\r
- </tr>\r
- <tr class="method-row inherited expandable">\r
- <td class="micon"><a class="exi" href="#expand"> </a></td>\r
- <td class="sig">\r
- <a id="Ext.PagingToolbar-addListener"></a>\r
- <b>addListener</b>( <code>String eventName</code>, <code>Function handler</code>, <span class="optional" title="Optional">[<code>Object scope</code>]</span>, <span class="optional" title="Optional">[<code>Object options</code>]</span> ) : void <div class="mdesc">\r
- <div class="short">Appends an event handler to this component</div>\r
- <div class="long">\r
- Appends an event handler to this component <div class="mdetail-params">\r
- <strong>Parameters:</strong>\r
- <ul><li><code>eventName</code> : String<div class="sub-desc">The type of event to listen for</div></li><li><code>handler</code> : Function<div class="sub-desc">The method the event invokes</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope in which to execute the handler
-function. The handler function's "this" context.</div></li><li><code>options</code> : Object<div class="sub-desc">(optional) An object containing handler configuration
+ xtype: <em>'textarea'</em>,
+ style: {
+ width: <em>'95%'</em>,
+ marginBottom: <em>'10px'</em>
+ }
+ },
+ <b>new</b> Ext.Button({
+ text: <em>'Send'</em>,
+ minWidth: <em>'100'</em>,
+ style: {
+ marginBottom: <em>'10px'</em>
+ }
+ })
+ ]
+});</code></pre></div></div></td><td class="msource"><a href="output/Ext.Component.html#style" ext:member="#style" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.BoxComponent-width"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-width">width</a></b> : Number<div class="mdesc"><div class="short">The width of this component in pixels (defaults to auto).
+Note to express this dimension as a percentage or offset se...</div><div class="long">The width of this component in pixels (defaults to auto).
+<b>Note</b> to express this dimension as a percentage or offset see <a href="output/Ext.Component.html#Ext.Component-anchor" ext:member="anchor" ext:cls="Ext.Component">Ext.Component.anchor</a>.</div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#width" ext:member="#width" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.BoxComponent-x"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-x">x</a></b> : Number<div class="mdesc">The local x (left) coordinate for this component if contained within a positioning container.</div></td><td class="msource"><a href="output/Ext.BoxComponent.html#x" ext:member="#x" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-xtype"></a><b><a href="source/Component.html#cfg-Ext.Component-xtype">xtype</a></b> : String<div class="mdesc"><div class="short">The registered xtype to create. This config option is not used when passing
+a config object into a constructor. This ...</div><div class="long">The registered <tt>xtype</tt> to create. This config option is not used when passing
+a config object into a constructor. This config option is used only when
+lazy instantiation is being used, and a child item of a Container is being
+specified not as a fully instantiated Component, but as a <i>Component config
+object</i>. The <tt>xtype</tt> will be looked up at render time up to determine what
+type of child Component to create.<br><br>
+The predefined xtypes are listed <a href="output/Ext.Component.html" ext:cls="Ext.Component">here</a>.
+<br><br>
+If you subclass Components to create your own Components, you may register
+them using <a href="output/Ext.ComponentMgr.html#Ext.ComponentMgr-registerType" ext:member="registerType" ext:cls="Ext.ComponentMgr">Ext.ComponentMgr.registerType</a> in order to be able to
+take advantage of lazy instantiation and rendering.</div></div></td><td class="msource"><a href="output/Ext.Component.html#xtype" ext:member="#xtype" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.BoxComponent-y"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-y">y</a></b> : Number<div class="mdesc">The local y (top) coordinate for this component if contained within a positioning container.</div></td><td class="msource"><a href="output/Ext.BoxComponent.html#y" ext:member="#y" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr></tbody></table><a id="Ext.PagingToolbar-props"></a><h2>Public Properties</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Property</th><th class="msource-header">Defined By</th></tr><tr class="property-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.PagingToolbar-cursor"></a><b><a href="source/PagingToolbar.html#prop-Ext.PagingToolbar-cursor">cursor</a></b> : Number<div class="mdesc"><div class="short">Indicator for the record position. This property might be used to get the active page
+number for example:// t is ref...</div><div class="long">Indicator for the record position. This property might be used to get the active page
+number for example:<pre><code><i>// t is reference to the paging toolbar instance</i>
+<b>var</b> activePage = Math.ceil((t.cursor + t.pageSize) / t.pageSize);</code></pre></div></div></td><td class="msource">PagingToolbar</td></tr><tr class="property-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-disabled"></a><b><a href="source/Component.html#prop-Ext.Component-disabled">disabled</a></b> : Boolean<div class="mdesc">True if this component is disabled. Read-only.</div></td><td class="msource"><a href="output/Ext.Component.html#disabled" ext:member="#disabled" ext:cls="Ext.Component">Component</a></td></tr><tr class="property-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-el"></a><b><a href="source/Component.html#prop-Ext.Component-el">el</a></b> : Ext.Element<div class="mdesc"><div class="short">The Ext.Element which encapsulates this Component. Read-only.
+This will usually be a &lt;DIV> element created by the ...</div><div class="long"><p>The <a href="output/Ext.Element.html" ext:cls="Ext.Element">Ext.Element</a> which encapsulates this Component. Read-only.</p>
+<p>This will <i>usually</i> be a <DIV> element created by the class's onRender method, but
+that may be overridden using the <code><a href="output/Ext.Component.html#Ext.Component-autoEl" ext:member="autoEl" ext:cls="Ext.Component">autoEl</a></code> config.</p>
+<br><p><b>Note</b>: this element will not be available until this Component has been rendered.</p><br>
+<p>To add listeners for <b>DOM events</b> to this Component (as opposed to listeners
+for this Component's own Observable events), see the <a href="output/Ext.util.Observable.html#Ext.util.Observable-listeners" ext:member="listeners" ext:cls="Ext.util.Observable">listeners</a>
+config for a suggestion, or use a render listener directly:</p><pre><code><b>new</b> Ext.Panel({
+ title: <em>'The Clickable Panel'</em>,
+ listeners: {
+ render: <b>function</b>(p) {
+ <i>// Append the Panel to the click handler's argument list.</i>
+ p.getEl().on(<em>'click'</em>, handlePanelClick.createDelegate(null, [p], true));
+ },
+ single: true <i>// Remove the listener after first invocation</i>
+ }
+});</code></pre>
+<p>See also <tt><a href="output/Ext.Component.html#Ext.Component-getEl" ext:member="getEl" ext:cls="Ext.Component">getEl</a></p></div></div></td><td class="msource"><a href="output/Ext.Component.html#el" ext:member="#el" ext:cls="Ext.Component">Component</a></td></tr><tr class="property-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-hidden"></a><b><a href="source/Component.html#prop-Ext.Component-hidden">hidden</a></b> : Boolean<div class="mdesc">True if this component is hidden. Read-only.</div></td><td class="msource"><a href="output/Ext.Component.html#hidden" ext:member="#hidden" ext:cls="Ext.Component">Component</a></td></tr><tr class="property-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-initialConfig"></a><b><a href="source/Component.html#prop-Ext.Component-initialConfig">initialConfig</a></b> : Object<div class="mdesc">This Component's initial configuration specification. Read-only.</div></td><td class="msource"><a href="output/Ext.Component.html#initialConfig" ext:member="#initialConfig" ext:cls="Ext.Component">Component</a></td></tr><tr class="property-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Container-items"></a><b><a href="source/Container.html#prop-Ext.Container-items">items</a></b> : MixedCollection<div class="mdesc">The collection of components in this container as a <a href="output/Ext.util.MixedCollection.html" ext:cls="Ext.util.MixedCollection">Ext.util.MixedCollection</a></div></td><td class="msource"><a href="output/Ext.Container.html#items" ext:member="#items" ext:cls="Ext.Container">Container</a></td></tr><tr class="property-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-ownerCt"></a><b><a href="source/Component.html#prop-Ext.Component-ownerCt">ownerCt</a></b> : Ext.Container<div class="mdesc"><div class="short">The component's owner Ext.Container (defaults to undefined, and is set automatically when
+the component is added to a...</div><div class="long">The component's owner <a href="output/Ext.Container.html" ext:cls="Ext.Container">Ext.Container</a> (defaults to undefined, and is set automatically when
+the component is added to a container). Read-only.
+<p><b>Note</b>: to access items within the container see <tt><a href="output/Ext.Component.html#Ext.Component-itemId" ext:member="itemId" ext:cls="Ext.Component">itemId</a></tt>.</p></div></div></td><td class="msource"><a href="output/Ext.Component.html#ownerCt" ext:member="#ownerCt" ext:cls="Ext.Component">Component</a></td></tr><tr class="property-row "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.PagingToolbar-pageSize"></a><b><a href="source/PagingToolbar.html#prop-Ext.PagingToolbar-pageSize">pageSize</a></b> : Number<div class="mdesc">The number of records to display per page. See also <tt><a href="output/Ext.PagingToolbar.html#Ext.PagingToolbar-cursor" ext:member="cursor" ext:cls="Ext.PagingToolbar">cursor</a></tt>.</div></td><td class="msource">PagingToolbar</td></tr><tr class="property-row expandable "><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.PagingToolbar-paramNames"></a><b><a href="source/PagingToolbar.html#prop-Ext.PagingToolbar-paramNames">paramNames</a></b> : Object<div class="mdesc"><div class="short">Deprecated. paramNames should be set in the data store
+(see Ext.data.Store.paramNames).
+Object mapping of parameter n...</div><div class="long"><p><b>Deprecated</b>. <code>paramNames</code> should be set in the <b>data store</b>
+(see <a href="output/Ext.data.Store.html#Ext.data.Store-paramNames" ext:member="paramNames" ext:cls="Ext.data.Store">Ext.data.Store.paramNames</a>).</p>
+<br><p>Object mapping of parameter names used for load calls, initially set to:</p>
+<pre>{start: 'start', limit: 'limit'}</pre></div></div></td><td class="msource">PagingToolbar</td></tr><tr class="property-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-rendered"></a><b><a href="source/Component.html#prop-Ext.Component-rendered">rendered</a></b> : Boolean<div class="mdesc">True if this component has been rendered. Read-only.</div></td><td class="msource"><a href="output/Ext.Component.html#rendered" ext:member="#rendered" ext:cls="Ext.Component">Component</a></td></tr></tbody></table><a id="Ext.PagingToolbar-methods"></a><h2>Public Methods</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Method</th><th class="msource-header">Defined By</th></tr><tr class="method-row expandable"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.PagingToolbar-PagingToolbar"></a><b><a href="source/PagingToolbar.html#cls-Ext.PagingToolbar">PagingToolbar</a></b>( <code>Object config</code> )
+ <div class="mdesc"><div class="short">Create a new PagingToolbar</div><div class="long">Create a new PagingToolbar<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>config</code> : Object<div class="sub-desc">The config object</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div><table><tr><td class="label">xtype:</td><td class="hd-info">paging</td></tr></table></div></div></td><td class="msource">PagingToolbar</td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Toolbar-add"></a><b><a href="source/Toolbar.html#method-Ext.Toolbar-add">add</a></b>( <code>Mixed arg1</code>, <code>Mixed arg2</code>, <code>Mixed etc.</code> )
+ :
+ void<div class="mdesc"><div class="short">Adds element(s) to the toolbar -- this function takes a variable number of
+arguments of mixed type and adds them to ...</div><div class="long"><p>Adds element(s) to the toolbar -- this function takes a variable number of\r
+arguments of mixed type and adds them to the toolbar.</p>\r
+<br><p><b>Note</b>: See the notes within <a href="output/Ext.Container.html#Ext.Container-add" ext:member="add" ext:cls="Ext.Container">Ext.Container.add</a>.</p><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>arg1</code> : Mixed<div class="sub-desc">The following types of arguments are all valid:<br />\r
+<ul>\r
+<li><a href="output/Ext.Button.html" ext:cls="Ext.Button">Ext.Button</a> config: A valid button config object (equivalent to <a href="output/Ext.Toolbar.html#Ext.Toolbar-addButton" ext:member="addButton" ext:cls="Ext.Toolbar">addButton</a>)</li>\r
+<li>HtmlElement: Any standard HTML element (equivalent to <a href="output/Ext.Toolbar.html#Ext.Toolbar-addElement" ext:member="addElement" ext:cls="Ext.Toolbar">addElement</a>)</li>\r
+<li>Field: Any form field (equivalent to <a href="output/Ext.Toolbar.html#Ext.Toolbar-addField" ext:member="addField" ext:cls="Ext.Toolbar">addField</a>)</li>\r
+<li>Item: Any subclass of <a href="output/Ext.Toolbar.Item.html" ext:cls="Ext.Toolbar.Item">Ext.Toolbar.Item</a> (equivalent to <a href="output/Ext.Toolbar.html#Ext.Toolbar-addItem" ext:member="addItem" ext:cls="Ext.Toolbar">addItem</a>)</li>\r
+<li>String: Any generic string (gets wrapped in a <a href="output/Ext.Toolbar.TextItem.html" ext:cls="Ext.Toolbar.TextItem">Ext.Toolbar.TextItem</a>, equivalent to <a href="output/Ext.Toolbar.html#Ext.Toolbar-addText" ext:member="addText" ext:cls="Ext.Toolbar">addText</a>).\r
+Note that there are a few special strings that are treated differently as explained next.</li>\r
+<li>'-': Creates a separator element (equivalent to <a href="output/Ext.Toolbar.html#Ext.Toolbar-addSeparator" ext:member="addSeparator" ext:cls="Ext.Toolbar">addSeparator</a>)</li>\r
+<li>' ': Creates a spacer element (equivalent to <a href="output/Ext.Toolbar.html#Ext.Toolbar-addSpacer" ext:member="addSpacer" ext:cls="Ext.Toolbar">addSpacer</a>)</li>\r
+<li>'->': Creates a fill element (equivalent to <a href="output/Ext.Toolbar.html#Ext.Toolbar-addFill" ext:member="addFill" ext:cls="Ext.Toolbar">addFill</a>)</li>\r
+</ul></div></li><li><code>arg2</code> : Mixed<div class="sub-desc"></div></li><li><code>etc.</code> : Mixed<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Toolbar.html#add" ext:member="#add" ext:cls="Ext.Toolbar">Toolbar</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Toolbar-addButton"></a><b><a href="source/Toolbar.html#method-Ext.Toolbar-addButton">addButton</a></b>( <code>Object/Array config</code> )
+ :
+ Ext.Button/Array<div class="mdesc"><div class="short">Adds a button (or buttons). See Ext.Button for more info on the config.
+Note: See the notes within Ext.Container.add...</div><div class="long">Adds a button (or buttons). See <a href="output/Ext.Button.html" ext:cls="Ext.Button">Ext.Button</a> for more info on the config.\r
+<br><p><b>Note</b>: See the notes within <a href="output/Ext.Container.html#Ext.Container-add" ext:member="add" ext:cls="Ext.Container">Ext.Container.add</a>.</p><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>config</code> : Object/Array<div class="sub-desc">A button config or array of configs</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Button/Array</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Toolbar.html#addButton" ext:member="#addButton" ext:cls="Ext.Toolbar">Toolbar</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-addClass"></a><b><a href="source/Component.html#method-Ext.Component-addClass">addClass</a></b>( <code>string cls</code> )
+ :
+ Ext.Component<div class="mdesc"><div class="short">Adds a CSS class to the component's underlying element.</div><div class="long">Adds a CSS class to the component's underlying element.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>cls</code> : string<div class="sub-desc">The CSS class name to add</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Component</code><div class="sub-desc">this</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Component.html#addClass" ext:member="#addClass" ext:cls="Ext.Component">Component</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Toolbar-addDom"></a><b><a href="source/Toolbar.html#method-Ext.Toolbar-addDom">addDom</a></b>( <code>Object config</code> )
+ :
+ Ext.Toolbar.Item<div class="mdesc"><div class="short">Adds a new element to the toolbar from the passed Ext.DomHelper config
+Note: See the notes within Ext.Container.add.</div><div class="long">Adds a new element to the toolbar from the passed <a href="output/Ext.DomHelper.html" ext:cls="Ext.DomHelper">Ext.DomHelper</a> config\r
+<br><p><b>Note</b>: See the notes within <a href="output/Ext.Container.html#Ext.Container-add" ext:member="add" ext:cls="Ext.Container">Ext.Container.add</a>.</p><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>config</code> : Object<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Toolbar.Item</code><div class="sub-desc">The element's item</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Toolbar.html#addDom" ext:member="#addDom" ext:cls="Ext.Toolbar">Toolbar</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Toolbar-addElement"></a><b><a href="source/Toolbar.html#method-Ext.Toolbar-addElement">addElement</a></b>( <code>Mixed el</code> )
+ :
+ Ext.Toolbar.Item<div class="mdesc"><div class="short">Adds any standard HTML element to the toolbar
+Note: See the notes within Ext.Container.add.</div><div class="long">Adds any standard HTML element to the toolbar\r
+<br><p><b>Note</b>: See the notes within <a href="output/Ext.Container.html#Ext.Container-add" ext:member="add" ext:cls="Ext.Container">Ext.Container.add</a>.</p><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>el</code> : Mixed<div class="sub-desc">The element or id of the element to add</div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Toolbar.Item</code><div class="sub-desc">The element's item</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Toolbar.html#addElement" ext:member="#addElement" ext:cls="Ext.Toolbar">Toolbar</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.util.Observable-addEvents"></a><b><a href="source/Observable.html#method-Ext.util.Observable-addEvents">addEvents</a></b>( <code>Object object</code> )
+ :
+ void<div class="mdesc"><div class="short">Used to define events on this Observable</div><div class="long">Used to define events on this Observable<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>object</code> : Object<div class="sub-desc">The object with the events defined</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.util.Observable.html#addEvents" ext:member="#addEvents" ext:cls="Ext.util.Observable">Observable</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Toolbar-addField"></a><b><a href="source/Toolbar.html#method-Ext.Toolbar-addField">addField</a></b>( <code>Ext.form.Field field</code> )
+ :
+ Ext.Toolbar.Item<div class="mdesc"><div class="short">Adds a dynamically rendered Ext.form field (TextField, ComboBox, etc). Note: the field should not have
+been rendered...</div><div class="long">Adds a dynamically rendered Ext.form field (TextField, ComboBox, etc). Note: the field should not have\r
+been rendered yet. For a field that has already been rendered, use <a href="output/Ext.Toolbar.html#Ext.Toolbar-addElement" ext:member="addElement" ext:cls="Ext.Toolbar">addElement</a>.\r
+<br><p><b>Note</b>: See the notes within <a href="output/Ext.Container.html#Ext.Container-add" ext:member="add" ext:cls="Ext.Container">Ext.Container.add</a>.</p><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>field</code> : Ext.form.Field<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Toolbar.Item</code><div class="sub-desc"></div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Toolbar.html#addField" ext:member="#addField" ext:cls="Ext.Toolbar">Toolbar</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Toolbar-addFill"></a><b><a href="source/Toolbar.html#method-Ext.Toolbar-addFill">addFill</a></b>()
+ :
+ void<div class="mdesc"><div class="short">Forces subsequent additions into the float:right toolbar
+Note: See the notes within Ext.Container.add.</div><div class="long">Forces subsequent additions into the float:right toolbar\r
+<br><p><b>Note</b>: See the notes within <a href="output/Ext.Container.html#Ext.Container-add" ext:member="add" ext:cls="Ext.Container">Ext.Container.add</a>.</p><div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Toolbar.html#addFill" ext:member="#addFill" ext:cls="Ext.Toolbar">Toolbar</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Toolbar-addItem"></a><b><a href="source/Toolbar.html#method-Ext.Toolbar-addItem">addItem</a></b>( <code>Ext.Toolbar.Item item</code> )
+ :
+ Ext.Toolbar.Item<div class="mdesc"><div class="short">Adds any Toolbar.Item or subclass
+Note: See the notes within Ext.Container.add.</div><div class="long">Adds any Toolbar.Item or subclass\r
+<br><p><b>Note</b>: See the notes within <a href="output/Ext.Container.html#Ext.Container-add" ext:member="add" ext:cls="Ext.Container">Ext.Container.add</a>.</p><div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>item</code> : Ext.Toolbar.Item<div class="sub-desc"></div></li></ul><strong>Returns:</strong><ul><li><code>Ext.Toolbar.Item</code><div class="sub-desc">The item</div></li></ul></div></div></div></td><td class="msource"><a href="output/Ext.Toolbar.html#addItem" ext:member="#addItem" ext:cls="Ext.Toolbar">Toolbar</a></td></tr><tr class="method-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.util.Observable-addListener"></a><b><a href="source/Observable.html#method-Ext.util.Observable-addListener">addListener</a></b>( <code>String eventName</code>, <code>Function handler</code>, <span title="Optional" class="optional">[<code>Object scope</code>]</span>, <span title="Optional" class="optional">[<code>Object options</code>]</span> )
+ :
+ void<div class="mdesc"><div class="short">Appends an event handler to this object.</div><div class="long">Appends an event handler to this object.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>eventName</code> : String<div class="sub-desc">The name of the event to listen for.</div></li><li><code>handler</code> : Function<div class="sub-desc">The method the event invokes.</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope (<code><b>this</b></code> reference) in which the handler function is executed.
+<b>If omitted, defaults to the object which fired the event.</b></div></li><li><code>options</code> : Object<div class="sub-desc">(optional) An object containing handler configuration.
git.ithinksw.org / extjs.git / blobdiff