|
| activeItem : String/NumberA string component id or the numeric index of the component that should be initially activated within the
container's... A string component id or the numeric index of the component that should be initially activated within the
container's layout on render. For example, activeItem: 'item-1' or activeItem: 0 (index 0 = the first
item in the container's collection). activeItem only applies to layout styles that can display
@@ -10,20 +10,20 @@ based layout manager, for example:
- See Ext.layout.AnchorLayout.anchor also. | BoxComponent |
| anchorOffset : NumberA numeric pixel value used to offset the
-default position of the anchor arrow (defaults to 0). When the anchor
-pos... A numeric pixel value used to offset the
-default position of the anchor arrow (defaults to 0). When the anchor
-position is on the top or bottom of the tooltip, anchorOffset
-will be used as a horizontal offset. Likewise, when the anchor position
-is on the left or right side, anchorOffset will be used as
-a vertical offset. | ToolTip |
| anchorToTarget : BooleanTrue to anchor the tooltip to the target
-element, false to anchor it relative to the mouse coordinates (defaults
-to... True to anchor the tooltip to the target
-element, false to anchor it relative to the mouse coordinates (defaults
-to true). When anchorToTarget is true, use
- defaultAlign to control tooltip alignment to the
-target element. When anchorToTarget is false, use
+ See Ext.layout.AnchorLayout.anchor also. | BoxComponent |
| anchorOffset : NumberA numeric pixel value used to offset the
+default position of the anchor arrow (defaults to 0). When the anchor
+posit... A numeric pixel value used to offset the
+default position of the anchor arrow (defaults to 0). When the anchor
+position is on the top or bottom of the tooltip, anchorOffset
+will be used as a horizontal offset. Likewise, when the anchor position
+is on the left or right side, anchorOffset will be used as
+a vertical offset. | ToolTip |
| anchorToTarget : BooleanTrue to anchor the tooltip to the target
+element, false to anchor it relative to the mouse coordinates (defaults
+to t... True to anchor the tooltip to the target
+element, false to anchor it relative to the mouse coordinates (defaults
+to true). When anchorToTarget is true, use
+ defaultAlign to control tooltip alignment to the
+target element. When anchorToTarget is false, use
anchorPosition instead to control alignment. | ToolTip |
| animCollapse : Booleantrue to animate the transition when the panel is collapsed, false to skip the
animation (defaults to true if the Ext.... true to animate the transition when the panel is collapsed, false to skip the
animation (defaults to true if the Ext.Fx class is available, otherwise false ). | Panel |
| applyTo : MixedThe id of the node, a DOM node or an existing Element corresponding to a DIV that is already present in
@@ -50,11 +50,11 @@ Note: Setting autoHeight: true means that t... true
based on its contents, and that Ext will not manage it at all. If the panel is within a layout that
manages dimensions (fit , border , etc.) then setting autoHeight: true
can cause issues with scrolling and will not generally work as expected since the panel will take
-on the height of its contents rather than the height required by the Ext layout.
| Panel |
| autoHide : BooleanTrue to automatically hide the tooltip after the
-mouse exits the target element or after the dismissDelay
-has expir... True to automatically hide the tooltip after the
-mouse exits the target element or after the dismissDelay
-has expired if set (defaults to true). If closable = true
+on the height of its contents rather than the height required by the Ext layout. | Panel |
| autoHide : BooleanTrue to automatically hide the tooltip after the
+mouse exits the target element or after the dismissDelay
+has expired... True to automatically hide the tooltip after the
+mouse exits the target element or after the dismissDelay
+has expired if set (defaults to true). If closable = true
a close tool button will be rendered into the tooltip header. | ToolTip |
| autoLoad : Object/String/FunctionA valid url spec according to the Updater Ext.Updater.update method.
If autoLoad is not null, the panel will attempt ... A valid url spec according to the Updater Ext.Updater.update method.
If autoLoad is not null, the panel will attempt to load its contents
@@ -222,8 +222,8 @@ which assigns a value by default:
To configure the above Class with an extra CSS class append to the default. For example,
for BoxLayout (Hbox and Vbox): ctCls: 'x-box-layout-ct custom-class'
| Component |
| data : MixedThe initial set of data to apply to the tpl to
-update the content area of the Component. | Component |
| defaultAlign : StringExperimental. The default Ext.Element.alignTo anchor position value
-for this tip relative to its element of origin (... Experimental. The default Ext.Element.alignTo anchor position value
+update the content area of the Component. | Component |
| defaultAlign : StringExperimental. The default Ext.Element.alignTo anchor position value
+for this tip relative to its element of origin (d... Experimental. The default Ext.Element.alignTo anchor position value
for this tip relative to its element of origin (defaults to "tl-bl?"). | Tip |
| defaultType : StringThe default xtype of child Components to create in this Container when
a child item is specified as a raw configurati... The default xtype of child Components to create in this Container when
a child item is specified as a raw configuration object, rather than as an instantiated Component.
@@ -252,35 +252,35 @@ items: [
id: 'panel2', // options in components, so the defaults
autoScroll: false // will be applied here, panel2 will be autoScroll:true.
})
-] | Container |
| delegate : StringOptional. A DomQuery
-selector which allows selection of individual elements within the
-target element to trigger sh... Optional. A DomQuery
-selector which allows selection of individual elements within the
-target element to trigger showing and hiding the
-ToolTip as the mouse moves within the target.
- When specified, the child element of the target which caused a show
-event is placed into the triggerElement property
-before the ToolTip is shown.
- This may be useful when a Component has regular, repeating elements
-in it, each of which need a Tooltip which contains information specific
-to that element. For example: var myGrid = new Ext.grid.gridPanel(gridConfig);
-myGrid.on('render', function(grid) {
- var store = grid.getStore(); // Capture the Store.
- var view = grid.getView(); // Capture the GridView.
- myGrid.tip = new Ext.ToolTip({
- target: view.mainBody, // The overall target element.
- delegate: '.x-grid3-row', // Each grid row causes its own seperate show and hide.
- trackMouse: true, // Moving within the row should not hide the tip.
- renderTo: document.body, // Render immediately so that tip.body can be
- // referenced prior to the first show.
- listeners: { // Change content dynamically depending on which element
- // triggered the show.
- beforeshow: function updateTipBody(tip) {
- var rowIndex = view.findRowIndex(tip.triggerElement);
- tip.body.dom.innerHTML = 'Over Record ID ' + store.getAt(rowIndex).id;
- }
- }
- });
+]
| Container |
| delegate : StringOptional. A DomQuery
+selector which allows selection of individual elements within the
+target element to trigger show... Optional. A DomQuery
+selector which allows selection of individual elements within the
+target element to trigger showing and hiding the
+ToolTip as the mouse moves within the target.
+ When specified, the child element of the target which caused a show
+event is placed into the triggerElement property
+before the ToolTip is shown.
+ This may be useful when a Component has regular, repeating elements
+in it, each of which need a Tooltip which contains information specific
+to that element. For example: var myGrid = new Ext.grid.gridPanel(gridConfig);
+myGrid.on('render', function(grid) {
+ var store = grid.getStore(); // Capture the Store.
+ var view = grid.getView(); // Capture the GridView.
+ myGrid.tip = new Ext.ToolTip({
+ target: view.mainBody, // The overall target element.
+ delegate: '.x-grid3-row', // Each grid row causes its own seperate show and hide.
+ trackMouse: true, // Moving within the row should not hide the tip.
+ renderTo: document.body, // Render immediately so that tip.body can be
+ // referenced prior to the first show.
+ listeners: { // Change content dynamically depending on which element
+ // triggered the show.
+ beforeshow: function updateTipBody(tip) {
+ var rowIndex = view.findRowIndex(tip.triggerElement);
+ tip.body.dom.innerHTML = 'Over Record ID ' + store.getAt(rowIndex).id;
+ }
+ }
+ });
});
| ToolTip |
| disabled : BooleanRender this panel disabled (default is false). An important note when using the disabled
config on panels is that IE ... Render this panel disabled (default is false ). An important note when using the disabled
config on panels is that IE will often fail to initialize the disabled mask element correectly if
@@ -297,10 +297,10 @@ the disabled state:
single: true // important, as many layouts can occur
}
}
-}); | Panel |
| disabledClass : String CSS class added to the component when it is disabled (defaults to 'x-item-disabled'). | Component |
| dismissDelay : NumberDelay in milliseconds before the tooltip
-automatically hides (defaults to 5000). To disable automatic hiding, set
-d... Delay in milliseconds before the tooltip
-automatically hides (defaults to 5000). To disable automatic hiding, set
+}); | Panel |
| disabledClass : String CSS class added to the component when it is disabled (defaults to 'x-item-disabled'). | Component |
| dismissDelay : NumberDelay in milliseconds before the tooltip
+automatically hides (defaults to 5000). To disable automatic hiding, set
+dis... Delay in milliseconds before the tooltip
+automatically hides (defaults to 5000). To disable automatic hiding, set
dismissDelay = 0. | ToolTip |
| draggable : Boolean/Objecttrue to enable dragging of this Panel (defaults to false).
For custom drag/drop implementations, an Ext.Panel.DD conf... true to enable dragging of this Panel (defaults to false ).
For custom drag/drop implementations, an Ext.Panel.DD config could also be passed
@@ -463,9 +463,9 @@ Note to express this dimension as a percentage or offset s... hide method will be called internally. | Component |
| hideBorders : BooleanTrue to hide the borders of each contained component, false to defer to the component's existing
border settings (def... True to hide the borders of each contained component, false to defer to the component's existing
border settings (defaults to false). | Container |
| hideCollapseTool : Booleantrue to hide the expand/collapse toggle button when collapsible == true ,
- false to display it (defaults to false ). | Panel |
| hideDelay : NumberDelay in milliseconds after the mouse exits the
-target element but before the tooltip actually hides (defaults to 20... Delay in milliseconds after the mouse exits the
-target element but before the tooltip actually hides (defaults to 200).
+false to display it (defaults to false ). | Panel |
| hideDelay : NumberDelay in milliseconds after the mouse exits the
+target element but before the tooltip actually hides (defaults to 200... Delay in milliseconds after the mouse exits the
+target element but before the tooltip actually hides (defaults to 200).
Set to 0 for the tooltip to hide immediately. | ToolTip |
| hideLabel : Booleantrue to completely hide the label element
(label and separator). Defaults to false.
By default, even if you do not sp... true to completely hide the label element
@@ -807,7 +807,7 @@ when it is disabled, but masking the panel can provide an additional visual cue
disabled. | Panel |
| maxWidth : Number The maximum width of the tip in pixels (defaults to 300). The maximum supported value is 500. | Tip |
| minButtonWidth : NumberMinimum width in pixels of all buttons in this panel (defaults to 75 ) | Panel |
| minWidth : Number The minimum width of the tip in pixels (defaults to 40). | Tip |
| monitorResize : BooleanTrue to automatically monitor window resize events to handle anything that is sensitive to the current size
of the vi... True to automatically monitor window resize events to handle anything that is sensitive to the current size
of the viewport. This value is typically managed by the chosen layout and should not need
-to be set manually. | Container |
| mouseOffset : Array An XY offset from the mouse position where the
+to be set manually. | Container |
| mouseOffset : Array An XY offset from the mouse position where the
tooltip should be shown (defaults to [15,18]). | ToolTip |
| overCls : StringAn optional extra CSS class that will be added to this component's Element when the mouse moves
over the Element, and... 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
@@ -872,13 +872,13 @@ to render and manage its child items.
When using this config, a call to render() is not required.
-See render also. | Component |
| resizeEvent : String The event to listen to for resizing in layouts. Defaults to 'bodyresize'. | Panel |
| shadow : Boolean/StringTrue or "sides" for the default effect, "frame" for 4-way shadow, and "drop"
-for bottom-right shadow (defaults to "s... True or "sides" for the default effect, "frame" for 4-way shadow, and "drop"
+ See render also. | Component |
| resizeEvent : String The event to listen to for resizing in layouts. Defaults to 'bodyresize'. | Panel |
| shadow : Boolean/StringTrue or "sides" for the default effect, "frame" for 4-way shadow, and "drop"
+for bottom-right shadow (defaults to "si... True or "sides" for the default effect, "frame" for 4-way shadow, and "drop"
for bottom-right shadow (defaults to "sides"). | Tip |
| shadowOffset : NumberThe number of pixels to offset the shadow if displayed (defaults to 4). Note that this
option only applies when float... The number of pixels to offset the shadow if displayed (defaults to 4 ). Note that this
option only applies when floating = true . | Panel |
| shim : Booleanfalse to disable the iframe shim in browsers which need one (defaults to true).
Note that this option only applies wh... false to disable the iframe shim in browsers which need one (defaults to true ).
-Note that this option only applies when floating = true . | Panel |
| showDelay : NumberDelay in milliseconds before the tooltip displays
+Note that this option only applies when floating = true . | Panel |
| showDelay : Number Delay in milliseconds before the tooltip displays
after the mouse enters the target element (defaults to 500) | ToolTip |
| stateEvents : ArrayAn array of events that, when fired, should trigger this component to
save its state (defaults to none). stateEvents ... | Component |
| trackMouse : Boolean | Component |
| trackMouse : Boolean True to have the tooltip follow the mouse as it
moves over the target element (defaults to false). | ToolTip |
| unstyled : BooleanOverrides the baseCls setting to baseCls = 'x-plain' which renders
the panel unstyled except for required attributes ... Overrides the baseCls setting to baseCls = 'x-plain' which renders
-the panel unstyled except for required attributes for Ext layouts to function (e.g. overflow:hidden). | Panel |
| width : NumberWidth in pixels of the tip (defaults to auto). Width will be ignored if it exceeds the bounds of
-minWidth or maxWid... Width in pixels of the tip (defaults to auto). Width will be ignored if it exceeds the bounds of
+the panel unstyled except for required attributes for Ext layouts to function (e.g. overflow:hidden). | Panel |
| width : NumberWidth in pixels of the tip (defaults to auto). Width will be ignored if it exceeds the bounds of
+minWidth or maxWidt... Width in pixels of the tip (defaults to auto). Width will be ignored if it exceeds the bounds of
minWidth or maxWidth. The maximum supported value is 500. | Tip |
| x : Number The local x (left) coordinate for this component if contained within a positioning container. | BoxComponent |
| xtype : StringThe registered xtype to create. This config option is not used when passing
a config object into a constructor. This ... 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
@@ -1135,19 +1135,17 @@ Note: see the Note for el al... | Panel |
| hidden : Boolean True if this component is hidden. Read-only. | Component |
| initialConfig : Object This Component's initial configuration specification. Read-only. | Component |
| items : MixedCollection | Container |
| ownerCt : Ext.ContainerThis Component's owner Container (defaults to undefined, and is set automatically when
this Component is added to a C... This Component's owner Container (defaults to undefined, and is set automatically when
this Component is added to a Container). Read-only.
- Note: to access items within the Container see itemId. | Component |
| private : ObjectWe can only lay out if there is a view area in which to layout.
-display:none on the layout target, *or any of its par... We can only lay out if there is a view area in which to layout.
-display:none on the layout target, *or any of its parent elements* will mean it has no view area. | Container |
| refOwner : Ext.ContainerThe ancestor Container into which the ref reference was inserted if this Component
+ Note: to access items within the Container see itemId. | Component |
| refOwner : Ext.ContainerThe ancestor Container into which the ref reference was inserted if this Component
is a child of a Container, and has... The ancestor Container into which the ref reference was inserted if this Component
-is a child of a Container, and has been configured with a ref . | Component |
| rendered : Boolean True if this component has been rendered. Read-only. | Component |
| triggerElement : DOMElementWhen a Tooltip is configured with the delegate
-option to cause selected child elements of the target
-Element to eac... When a Tooltip is configured with the delegate
-option to cause selected child elements of the target
-Element to each trigger a seperate show event, this property is set to
+is a child of a Container, and has been configured with a ref . | Component |
| rendered : Boolean True if this component has been rendered. Read-only. | Component |
| triggerElement : DOMElementWhen a Tooltip is configured with the delegate
+option to cause selected child elements of the target
+Element to each ... When a Tooltip is configured with the delegate
+option to cause selected child elements of the target
+Element to each trigger a seperate show event, this property is set to
the DOM element which triggered the show. | ToolTip |