|
| allowDepress : BooleanFalse to not allow a pressed Button to be depressed (defaults to undefined). Only valid when enableToggle is true. | Button |
| allowDomMove : Boolean Whether the component can move the Dom node when rendering (defaults to true). | Component |
| anchor : StringNote: this config is only used when this Component is rendered
by a Container which has been configured to use an Anc... Note: this config is only used when this Component is rendered
by a Container which has been configured to use an AnchorLayout (or subclass thereof).
based layout manager, for example:
@@ -19,13 +19,13 @@ to create its subcomponents from that markup if applicable.
If applyTo is specified, any value passed for renderTo will be ignored and the target
element's parent node will automatically be used as the component's container.
- | Component |
| arrowAlign : String(Optional) The side of the Button box to render the arrow if the button has an associated menu.
-Two values are allow... (Optional) The side of the Button box to render the arrow if the button has an associated menu.
-Two values are allowed:
-
+ | Component |
| arrowAlign : String(Optional) The side of the Button box to render the arrow if the button has an associated menu.
+Two values are allowe... (Optional) The side of the Button box to render the arrow if the button has an associated menu.
+Two values are allowed:
+
Defaults to 'right'. | Button |
| autoHeight : BooleanTrue to use height:'auto', false to use fixed height (or allow it to be managed by its parent
Container's layout mana... True to use height:'auto', false to use fixed height (or allow it to be managed by its parent
Container's layout manager. Defaults to false.
@@ -62,37 +62,11 @@ result in elements needing to be synchronized with the new height. Example:<
necessary, false... true to use overflow:'auto' on the components layout element and show scroll bars automatically when
necessary, false to clip any overflowing content (defaults to false ).
| BoxComponent |
| autoShow : BooleanTrue if the component should check for hidden classes (e.g. 'x-hidden' or 'x-hide-display') and remove
them on render... True if the component should check for hidden classes (e.g. 'x-hidden' or 'x-hide-display') and remove
-them on render (defaults to false). | Component |
| autoWidth : BooleanTrue to use width:'auto', false to use fixed width (or allow it to be managed by its parent
-Container's layout manage... True to use width:'auto', false to use fixed width (or allow it to be managed by its parent
-Container's layout manager. Defaults to false.
- Note: Although many components inherit this config option, not all will
-function as expected with a width of 'auto'. Setting autoWidth:true means that the
-browser will manage width based on the element's contents, and that Ext will not manage it at all.
- If the browser is managing the width, be aware that resizes performed by the browser in response
-to changes within the structure of the Component cannot be detected. Therefore changes to the width might
-result in elements needing to be synchronized with the new width. For example, where the target element is: <div id='grid-container' style='margin-left:25%;width:50%'></div>
-A Panel rendered into that target element must listen for browser window resize in order to relay its
-child items when the browser changes its width: var myPanel = new Ext.Panel({
- renderTo: 'grid-container',
- monitorResize: true, // relay on browser resize
- title: 'Panel',
- height: 400,
- autoWidth: true,
- layout: 'hbox',
- layoutConfig: {
- align: 'stretch'
- },
- defaults: {
- flex: 1
- },
- items: [{
- title: 'Box 1',
- }, {
- title: 'Box 2'
- }, {
- title: 'Box 3'
- }],
-});
| BoxComponent |
| boxMaxHeight : NumberThe maximum value in pixels which this BoxComponent will set its height to.
+them on render (defaults to false). | Component |
| autoWidth : BooleanBy default, if a width is not specified the button will attempt to stretch horizontally to fit its content.
+If the bu... By default, if a width is not specified the button will attempt to stretch horizontally to fit its content.
+If the button is being managed by a width sizing layout (hbox, fit, anchor), set this to false to prevent
+the button from doing this automatic sizing.
+Defaults to undefined. | Button |
| boxMaxHeight : NumberThe maximum value in pixels which this BoxComponent will set its height to.
Warning: This will override any size mana... The maximum value in pixels which this BoxComponent will set its height to.
Warning: This will override any size management applied by layout managers. | BoxComponent |
| boxMaxWidth : NumberThe maximum value in pixels which this BoxComponent will set its width to.
Warning: This will override any size manag... The maximum value in pixels which this BoxComponent will set its width to.
@@ -100,11 +74,14 @@ Warning: This will override any size manag... The maxi
Warning: This will override any size mana... The minimum value in pixels which this BoxComponent will set its height to.
Warning: This will override any size management applied by layout managers. | BoxComponent |
| boxMinWidth : NumberThe minimum value in pixels which this BoxComponent will set its width to.
Warning: This will override any size manag... The minimum value in pixels which this BoxComponent will set its width to.
- Warning: This will override any size management applied by layout managers. | BoxComponent |
| buttonSelector : String(Optional) A DomQuery selector which is used to extract the active, clickable element from the
-DOM structure created... (Optional) A DomQuery selector which is used to extract the active, clickable element from the
-DOM structure created.
- When a custom template is used, you must ensure that this selector results in the selection of
-a focussable element.
+ Warning: This will override any size management applied by layout managers. | BoxComponent |
| bubbleEvents : ArrayAn array of events that, when fired, should be bubbled to any parent container.
+See Ext.util.Observable.enableBubble.... | Component |
| buttonSelector : String(Optional) A DomQuery selector which is used to extract the active, clickable element from the
+DOM structure created.... (Optional) A DomQuery selector which is used to extract the active, clickable element from the
+DOM structure created.
+ When a custom template is used, you must ensure that this selector results in the selection of
+a focussable element.
Defaults to 'button:first-child'. | Button |
| clearCls : StringThe CSS class used to to apply to the special clearing div rendered
directly after each form field wrapper to provide... The CSS class used to to apply to the special clearing div rendered
directly after each form field wrapper to provide field clearing (defaults to
@@ -113,8 +90,8 @@ directly after each form field wrapper to provide field clearing (defaults to
which has been configured to use the FormLayout layout
manager (e.g. Ext.form.FormPanel or specifying layout:'form') and either a
fieldLabel is specified or isFormField=true is specified.
- See Ext.layout.FormLayout.fieldTpl also. | Component |
| clickEvent : StringThe DOM event that will fire the handler of the button. This can be any valid event name (dblclick, contextmenu).
-De... The DOM event that will fire the handler of the button. This can be any valid event name (dblclick, contextmenu).
+ See Ext.layout.FormLayout.fieldTpl also. | Component |
| clickEvent : StringThe DOM event that will fire the handler of the button. This can be any valid event name (dblclick, contextmenu).
+Def... The DOM event that will fire the handler of the button. This can be any valid event name (dblclick, contextmenu).
Defaults to 'click'. | Button |
| cls : String A CSS class string to apply to the button's main element. | Button |
| ctCls : StringAn optional extra CSS class that will be added to this component's container. This can be useful for
adding customize... An optional extra CSS class that will be added to this component's container. This can be useful for
adding customized styles to the container or any of its children using standard CSS rules. See
@@ -146,11 +123,11 @@ by a Container which has been configured to use a BoxComponent |
| handleMouseEvents : Boolean False to disable visual cues on mouseover, mouseout and mousedown (defaults to true) | Button |
| handler : FunctionA function called when the button is clicked (can be used instead of click event).
-The handler is passed the followi... A function called when the button is clicked (can be used instead of click event).
-The handler is passed the following parameters:
-b : ButtonThis Button.
-e : EventObjectThe click event.
+either a flex = 0 or flex = undefined will not be 'flexed' (the initial size will not be changed). | BoxComponent |
| handleMouseEvents : Boolean False to disable visual cues on mouseover, mouseout and mousedown (defaults to true) | Button |
| handler : FunctionA function called when the button is clicked (can be used instead of click event).
+The handler is passed the followin... A function called when the button is clicked (can be used instead of click event).
+The handler is passed the following parameters:
+b : ButtonThis Button.
+e : EventObjectThe click event.
| Button |
| height : NumberThe height of this component in pixels (defaults to auto).
Note to express this dimension as a percentage or offset s... The height of this component in pixels (defaults to auto).
Note to express this dimension as a percentage or offset see Ext.Component.anchor. | BoxComponent |
| hidden : Boolean True to start hidden (defaults to false) | Button |
| hideLabel : Booleantrue to completely hide the label element
@@ -177,17 +154,17 @@ since items are automatically laid out when they are first shown (no sizing
is done while hidden). | Component |
| hideParent : BooleanTrue to hide and show the component's container when hide/show is called on the component, false to hide
and show the... True to hide and show the component's container when hide/show is called on the component, false to hide
and show the component itself (defaults to false). For example, this can be used as a shortcut for a hide
-button on a window by setting hide:true on the button when adding it to its parent container. | Component |
| icon : StringThe path to an image to display in the button (the image will be set as the background-image
-CSS property of the but... The path to an image to display in the button (the image will be set as the background-image
-CSS property of the button by default, so if you want a mixed icon/text button, set cls:'x-btn-text-icon') | Button |
| iconAlign : String(Optional) The side of the Button box to render the icon. Four values are allowed:
-<ul class="mdetail-params">
-'top... (Optional) The side of the Button box to render the icon. Four values are allowed:
-
-- 'top'
-- 'right'
-- 'bottom'
-- 'left'
-
+button on a window by setting hide:true on the button when adding it to its parent container. | Component |
| icon : StringThe path to an image to display in the button (the image will be set as the background-image
+CSS property of the butt... The path to an image to display in the button (the image will be set as the background-image
+CSS property of the button by default, so if you want a mixed icon/text button, set cls:'x-btn-text-icon') | Button |
| iconAlign : String(Optional) The side of the Button box to render the icon. Four values are allowed:
+<ul class="mdetail-params">
+'top'<... (Optional) The side of the Button box to render the icon. Four values are allowed:
+
+- 'top'
+- 'right'
+- 'bottom'
+- 'left'
+
Defaults to 'left'. | Button |
| iconCls : String A css class which sets a background image to be used as the icon for this button | Button |
| id : StringThe unique id of this component (defaults to an auto-assigned id).
You should assign an id if you need to be able to ... The unique id of this component (defaults to an auto-assigned id).
You should assign an id if you need to be able to access the component later and you do
@@ -376,14 +353,14 @@ right and left are set to the second.
to the second, and the bottom is set to the third.
If there are four values, they apply to the top, right, bottom, and left, respectively.
- Defaults to: {top:0, right:0, bottom:0, left:0}
| BoxComponent |
| menu : MixedStandard menu attribute consisting of a reference to a menu object, a menu id or a menu config blob (defaults to unde... Standard menu attribute consisting of a reference to a menu object, a menu id or a menu config blob (defaults to undefined). | Button |
| menuAlign : StringThe position to align the menu to (see Ext.Element.alignTo for more details, defaults to 'tl-bl?'). | Button |
| minWidth : NumberThe minimum width for this button (used to give a set of buttons a common width).
+ Defaults to: {top:0, right:0, bottom:0, left:0}
| BoxComponent |
| menu : MixedStandard menu attribute consisting of a reference to a menu object, a menu id or a menu config blob (defaults to unde... Standard menu attribute consisting of a reference to a menu object, a menu id or a menu config blob (defaults to undefined). | Button |
| menuAlign : StringThe position to align the menu to (see Ext.Element.alignTo for more details, defaults to 'tl-bl?'). | Button |
| minWidth : NumberThe minimum width for this button (used to give a set of buttons a common width).
See also Ext.Panel. minButtonWidth. | Button |
| 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
-useful for adding customized 'active' or 'hover' styles to the component or any of its children using standard CSS rules. | Component |
| overflowText : StringIf used in a Toolbar, the
-text to be used if this item is shown in the overflow menu. See also
-Ext.Toolbar.Item.ove... If used in a Toolbar, the
-text to be used if this item is shown in the overflow menu. See also
+useful for adding customized 'active' or 'hover' styles to the component or any of its children using standard CSS rules. | Component |
| overflowText : StringIf used in a Toolbar, the
+text to be used if this item is shown in the overflow menu. See also
+Ext.Toolbar.Item.overf... | Button |
| pageX : Number The page level x coordinate for this component if contained within a positioning container. | BoxComponent |
| pageY : Number The page level y coordinate for this component if contained within a positioning container. | BoxComponent |
| plugins : Object/ArrayAn object or array of objects that will provide custom functionality for this component. The only
requirement for a ... 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.
@@ -438,18 +415,18 @@ to render and manage its child items.
When using this config, a call to render() is not required.
-See render also. | Component |
| repeat : Boolean/ObjectTrue to repeat fire the click event while the mouse is down. This can also be
-a ClickRepeater config object (default... True to repeat fire the click event while the mouse is down. This can also be
-a ClickRepeater config object (defaults to false). | Button |
| scale : String(Optional) The size of the Button. Three values are allowed:
-<ul class="mdetail-params">
-'small'<div class="sub-des... (Optional) The size of the Button. Three values are allowed:
-
-- 'small'
Results in the button element being 16px high.
-- 'medium'
Results in the button element being 24px high.
-- 'large'
Results in the button element being 32px high.
-
- Defaults to 'small'. | Button |
| scope : Object | Component |
| repeat : Boolean/ObjectTrue to repeat fire the click event while the mouse is down. This can also be
+a ClickRepeater config object (defaults... True to repeat fire the click event while the mouse is down. This can also be
+a ClickRepeater config object (defaults to false). | Button |
| scale : String(Optional) The size of the Button. Three values are allowed:
+<ul class="mdetail-params">
+'small'<div class="sub-desc"... (Optional) The size of the Button. Three values are allowed:
+
+- 'small'
Results in the button element being 16px high.
+- 'medium'
Results in the button element being 24px high.
+- 'large'
Results in the button element being 32px high.
+
+ Defaults to 'small'. | Button |
| scope : ObjectThe scope ( this reference) in which the
+ handler and toggleHandler is
executed. Defaults to this Button. | Button |
| stateEvents : ArrayAn array of events that, when fired, should trigger this component to
save its state (defaults to none). stateEvents ... An array of events that, when fired, should trigger this component to
save its state (defaults to none). stateEvents may be any type
@@ -524,14 +501,12 @@ Ext.Element.ap... A custom style specification to be appl
A string to be used as innerHTML... Note: this config is only used when this BoxComponent is a child item of a TabPanel.
A string to be used as innerHTML (html tags are accepted) to show in a tooltip when mousing over
the associated tab selector element. Ext.QuickTips.init()
-must be called in order for the tips to render. | BoxComponent |
| template : Ext.Template
-A Template used to create the Button's DOM structure.
-Instances, or subclasses which need a different DOM structure...
- A Template used to create the Button's DOM structure.
-Instances, or subclasses which need a different DOM structure may provide a different
-template layout in conjunction with an implementation of getTemplateArgs. | Button |
| text : String The button text to be used as innerHTML (html tags are accepted) | Button |
| toggleGroup : String The group this toggle button is a member of (only 1 per group can be pressed) | Button |
| toggleHandler : FunctionFunction called when a Button with enableToggle set to true is clicked. Two arguments are passed:<ul class="mdetail-p... Function called when a Button with enableToggle set to true is clicked. Two arguments are passed: | BoxComponent |
| template : Ext.TemplateA Template used to create the Button's DOM structure.
+Instances, or subclasses which need a different DOM structure m... A Template used to create the Button's DOM structure.
+Instances, or subclasses which need a different DOM structure may provide a different
+template layout in conjunction with an implementation of getTemplateArgs. | Button |
| text : String The button text to be used as innerHTML (html tags are accepted) | Button |
| toggleGroup : String The group this toggle button is a member of (only 1 per group can be pressed) | Button |
| toggleHandler : FunctionFunction called when a Button with enableToggle set to true is clicked. Two arguments are passed:<ul class="mdetail-p... Function called when a Button with enableToggle set to true is clicked. Two arguments are passed: | Button |
| tooltip : String/ObjectThe tooltip for the button - can be a string to be used as innerHTML (html tags are accepted) or QuickTips config obj... The tooltip for the button - can be a string to be used as innerHTML (html tags are accepted) or QuickTips config object | Button |
| tooltipType : String The type of tooltip to use. Either 'qtip' (default) for QuickTips or 'title' for title attribute. | Button |
| type : String submit, reset or button - defaults to 'button' | Button |
| width : NumberThe width of this component in pixels (defaults to auto).
Note to express this dimension as a percentage or offset se... The width of this component in pixels (defaults to auto).
Note to express this dimension as a percentage or offset see Ext.Component.anchor. | BoxComponent |
| 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
@@ -545,8 +520,8 @@ The predefined xtypes are listed Ext.ComponentMgr.registerType in order to be able to
-take advantage of lazy instantiation and rendering. | Component |
| y : Number The local y (top) coordinate for this component if contained within a positioning container. | BoxComponent |