Class type Ext_panel_AbstractPanel.t


class type t = object .. end
Inherits
method body : Ext_dom_Element.t Js.t Js.readonly_prop

The Panel's body Element which may be used to contain HTML content. The content may be specified in the html config, or it may be loaded using the loader config. Read-only.

If this is used to load visible HTML elements in either way, then the Panel may not be used as a Layout for hosting nested Panels.

If this Panel is intended to be used as the host of a Layout (See layout then the body Element must not be loaded or changed - it is under the control of the Panel's Layout.


method contentPaddingProperty : Js.js_string Js.t Js.prop

The name of the padding property that is used by the layout to manage padding. See managePadding

Defaults to: 'bodyPadding'

method isPanel : bool Js.t Js.prop

true in this class to identify an object as an instantiated Panel, or subclass thereof.

Defaults to: true

method addBodyCls : Js.js_string Js.t ->
(< _isLayoutRoot : bool Js.t Js.prop;
add : 'c 'd. 'c Js.t -> 'd Js.t Js.meth; addBodyCls : 'a;
addChildEls : unit Js.meth; addCls : 'e. 'e Js.t -> 'b Js.t Js.meth;
addClsWithUI : 'f 'g. 'f Js.t -> 'g Js.t -> unit Js.meth;
addDocked : 'h.
'h Js.t ->
Js.number Js.t Js.optdef ->
Ext_Component.t Js.js_array Js.t Js.meth;
addEvents : 'i. 'i Js.t -> unit Js.meth;
addListener : 'j 'k 'l 'm 'n.
'j Js.t ->
'k Js.callback Js.optdef ->
'l Js.t Js.optdef -> 'm Js.t Js.optdef -> 'n Js.t Js.meth;
addManagedListener : 'o 'p 'q 'r 's 't.
'o Js.t ->
'p Js.t ->
'q Js.callback Js.optdef ->
'r Js.t Js.optdef ->
's Js.t Js.optdef -> 't Js.t Js.meth;
addPropertyToState : 'u.
'u Js.t ->
Js.js_string Js.t ->
Js.js_string Js.t Js.optdef -> bool Js.t Js.meth;
addStateEvents : 'v. 'v Js.t -> unit Js.meth;
addUIClsToElement : Js.js_string Js.t -> unit Js.meth;
afterComponentLayout : 'w 'x.
Js.number Js.t ->
Js.number Js.t ->
'w Js.t -> 'x Js.t -> unit Js.meth;
afterHide : 'y 'z.
'y Js.callback Js.optdef ->
'z Js.t Js.optdef -> unit Js.meth;
afterLayout : 'a1.
(#Ext_layout_container_Container.t as 'a1) Js.t ->
unit Js.meth;
afterRender : unit Js.meth;
afterSetPosition : Js.number Js.t -> Js.number Js.t -> unit Js.meth;
afterShow : 'b1 'c1 'd1.
'b1 Js.t Js.optdef ->
'c1 Js.callback Js.optdef ->
'd1 Js.t Js.optdef -> unit Js.meth;
alignTo : 'e1 'f1.
'e1 Js.t ->
Js.js_string Js.t Js.optdef ->
Js.number Js.t Js.js_array Js.t Js.optdef ->
'f1 Js.t Js.optdef -> 'b Js.t Js.meth;
anchorTo : 'g1 'h1 'i1 'j1.
'g1 Js.t ->
Js.js_string Js.t Js.optdef ->
Js.number Js.t Js.js_array Js.t Js.optdef ->
'h1 Js.t Js.optdef ->
'i1 Js.t Js.optdef ->
'j1 Js.callback Js.optdef -> 'b Js.t Js.meth;
animate : 'k1 'l1. 'k1 Js.t -> 'l1 Js.t Js.meth;
applyState : 'm1. 'm1 Js.t -> unit Js.meth;
beforeBlur : Ext_EventObject.t Js.t -> unit Js.meth;
beforeComponentLayout : Js.number Js.t -> Js.number Js.t -> unit Js.meth;
beforeDestroy : unit Js.meth;
beforeFocus : Ext_EventObject.t Js.t -> unit Js.meth;
beforeLayout : unit Js.meth; beforeShow : unit Js.meth;
body : Ext_dom_Element.t Js.t Js.readonly_prop;
bubble : 'n1 'o1 'p1.
'n1 Js.callback ->
'o1 Js.t Js.optdef ->
'p1 Js.js_array Js.t Js.optdef -> 'b Js.t Js.meth;
calculateConstrainedPosition : 'q1.
'q1 Js.t Js.optdef ->
Js.number Js.t Js.js_array Js.t Js.optdef ->
bool Js.t Js.optdef ->
Js.number Js.t Js.js_array Js.t Js.optdef ->
Js.number Js.t Js.js_array Js.t Js.meth;
callParent : 'r1 's1. 'r1 Js.t -> 's1 Js.t Js.meth;
callSuper : 't1 'u1. 't1 Js.t -> 'u1 Js.t Js.meth;
cancelFocus : unit Js.meth;
cascade : 'v1 'w1 'x1.
'v1 Js.callback ->
'w1 Js.t Js.optdef ->
'x1 Js.js_array Js.t Js.optdef -> 'b Js.t Js.meth;
center : 'y1. 'y1 Js.t Js.meth;
child : 'z1 'a2. 'z1 Js.t Js.optdef -> 'a2 Js.t Js.meth;
clearListeners : unit Js.meth; clearManagedListeners : unit Js.meth;
cloneConfig : 'b2. 'b2 Js.t -> 'b Js.t Js.meth;
contains : 'c2.
(#Ext_Component.t as 'c2) Js.t ->
bool Js.t Js.optdef -> bool Js.t Js.meth;
contentPaddingProperty : Js.js_string Js.t Js.prop;
destroy : unit Js.meth; disable : bool Js.t Js.optdef -> unit Js.meth;
disable_chainable : bool Js.t Js.optdef -> 'b Js.t Js.meth;
doAutoRender : unit Js.meth; doComponentLayout : 'd2. 'd2 Js.t Js.meth;
doConstrain : 'e2. 'e2 Js.t Js.optdef -> unit Js.meth;
doLayout : 'b Js.t Js.meth;
down : 'f2 'g2. 'f2 Js.t Js.optdef -> 'g2 Js.t Js.meth;
draggable : bool Js.t Js.readonly_prop;
enable : bool Js.t Js.optdef -> unit Js.meth;
enableBubble : 'h2. 'h2 Js.t -> unit Js.meth;
ensureAttachedToBody : bool Js.t Js.optdef -> unit Js.meth;
findParentBy : 'i2 'j2. 'i2 Js.callback -> 'j2 Js.t Js.meth;
findParentByType : 'k2 'l2. 'k2 Js.t -> 'l2 Js.t Js.meth;
findPlugin : Js.js_string Js.t -> Ext_AbstractPlugin.t Js.t Js.meth;
fireEvent : 'm2. Js.js_string Js.t -> 'm2 Js.t -> bool Js.t Js.meth;
fireEventArgs : 'n2.
Js.js_string Js.t ->
'n2 Js.t Js.js_array Js.t -> bool Js.t Js.meth;
floatParent : 'o2. 'o2 Js.t Js.readonly_prop;
focus : 'p2 'q2 'r2.
bool Js.t Js.optdef ->
'p2 Js.t Js.optdef ->
'q2 Js.callback Js.optdef ->
'r2 Js.callback Js.optdef -> 'b Js.t Js.meth;
frameSize : 's2. 's2 Js.t Js.readonly_prop;
getActiveAnimation : 't2. 't2 Js.t Js.meth;
getAlignToXY : 'u2.
'u2 Js.t ->
Js.js_string Js.t Js.optdef ->
Js.number Js.t Js.js_array Js.t Js.optdef ->
Js.number Js.t Js.js_array Js.t Js.meth;
getAnchorXY : 'v2.
Js.js_string Js.t Js.optdef ->
bool Js.t Js.optdef ->
'v2 Js.t Js.optdef ->
Js.number Js.t Js.js_array Js.t Js.meth;
getBox : 'w2.
bool Js.t Js.optdef -> bool Js.t Js.optdef -> 'w2 Js.t Js.meth;
getBubbleTarget : 'x2. 'x2 Js.t Js.meth;
getChildByElement : 'y2 'z2.
'y2 Js.t ->
bool Js.t -> (#Ext_Component.t as 'z2) Js.t Js.meth;
getComponent : 'a3 'b3. 'a3 Js.t -> (#Ext_Component.t as 'b3) Js.t Js.meth;
getConstrainVector : 'c3 'd3.
'c3 Js.t Js.optdef ->
Js.number Js.t Js.js_array Js.t Js.optdef ->
Js.number Js.t Js.js_array Js.t Js.optdef ->
'd3 Js.t Js.meth;
getDockedComponent : 'e3 'f3.
'e3 Js.t -> (#Ext_Component.t as 'f3) Js.t Js.meth;
getDockedItems : Js.js_string Js.t ->
bool Js.t -> Ext_Component.t Js.js_array Js.t Js.meth;
getEl : Ext_dom_Element.t Js.t Js.meth;
getHeight : Js.number Js.t Js.meth; getId : Js.js_string Js.t Js.meth;
getInitialConfig : 'g3. Js.js_string Js.t Js.optdef -> 'g3 Js.t Js.meth;
getInsertPosition : 'h3. 'h3 Js.t -> Dom_html.element Js.t Js.meth;
getItemId : Js.js_string Js.t Js.meth;
getLayout : 'i3. (#Ext_layout_container_Container.t as 'i3) Js.t Js.meth;
getLoader : Ext_ComponentLoader.t Js.t Js.meth;
getLocalX : Js.number Js.t Js.meth;
getLocalXY : Js.number Js.t Js.js_array Js.t Js.meth;
getLocalY : Js.number Js.t Js.meth;
getOffsetsTo : 'j3. 'j3 Js.t -> Js.number Js.t Js.js_array Js.t Js.meth;
getPlugin : Js.js_string Js.t -> Ext_AbstractPlugin.t Js.t Js.meth;
getPosition : bool Js.t Js.optdef ->
Js.number Js.t Js.js_array Js.t Js.meth;
getRefItems : 'k3. 'k3 Js.t -> unit Js.meth;
getRegion : Ext_util_Region.t Js.t Js.meth;
getSize : 'l3. 'l3 Js.t Js.meth;
getSizeModel : 'm3 'n3. 'm3 Js.t -> 'n3 Js.t Js.meth;
getState : 'o3. 'o3 Js.t Js.meth;
getViewRegion : Ext_util_Region.t Js.t Js.meth;
getWidth : Js.number Js.t Js.meth; getX : Js.number Js.t Js.meth;
getXType : Js.js_string Js.t Js.meth;
getXTypes : Js.js_string Js.t Js.meth;
getXY : Js.number Js.t Js.js_array Js.t Js.meth;
getY : Js.number Js.t Js.meth;
hasCls : Js.js_string Js.t -> bool Js.t Js.meth;
hasListener : Js.js_string Js.t -> bool Js.t Js.meth;
hasListeners : 'p3. 'p3 Js.t Js.readonly_prop;
hasUICls : Js.js_string Js.t -> unit Js.meth;
hide : 'q3 'r3 's3.
'q3 Js.t Js.optdef ->
'r3 Js.callback Js.optdef ->
's3 Js.t Js.optdef -> 'b Js.t Js.meth;
initComponent : unit Js.meth;
initConfig : 't3. 't3 Js.t -> 'b Js.t Js.meth; initEvents : unit Js.meth;
initRenderData : 'u3. 'u3 Js.t Js.meth;
insert : 'v3 'w3.
Js.number Js.t ->
'v3 Js.t -> (#Ext_Component.t as 'w3) Js.t Js.meth;
insertDocked : 'x3. Js.number Js.t -> 'x3 Js.t -> unit Js.meth;
is : Js.js_string Js.t -> bool Js.t Js.meth;
isAncestor : 'y3. (#Ext_Component.t as 'y3) Js.t -> unit Js.meth;
isComponent : bool Js.t Js.prop;
isDescendantOf : 'z3. 'z3 Js.t -> bool Js.t Js.meth;
isDisabled : bool Js.t Js.meth; isDraggable : bool Js.t Js.meth;
isDroppable : bool Js.t Js.meth; isFloating : bool Js.t Js.meth;
isHidden : bool Js.t Js.meth; isLayoutRoot : unit Js.meth;
isLayoutSuspended : bool Js.t Js.meth; isObservable : bool Js.t Js.prop;
isPanel : bool Js.t Js.prop;
isVisible : bool Js.t Js.optdef -> bool Js.t Js.meth;
isXType : Js.js_string Js.t -> bool Js.t Js.optdef -> bool Js.t Js.meth;
items : 'a4. (#Ext_util_AbstractMixedCollection.t as 'a4) Js.t Js.prop;
maskOnDisable : bool Js.t Js.prop;
mon : 'b4 'c4 'd4 'e4 'f4 'g4.
'b4 Js.t ->
'c4 Js.t ->
'd4 Js.callback Js.optdef ->
'e4 Js.t Js.optdef -> 'f4 Js.t Js.optdef -> 'g4 Js.t Js.meth;
move : 'h4.
Js.js_string Js.t ->
Js.number Js.t -> 'h4 Js.t Js.optdef -> unit Js.meth;
move_container : 'i4 'j4.
'i4 Js.t ->
Js.number Js.t ->
(#Ext_Component.t as 'j4) Js.t Js.meth;
mun : 'k4 'l4 'm4 'n4.
'k4 Js.t ->
'l4 Js.t ->
'm4 Js.callback Js.optdef -> 'n4 Js.t Js.optdef -> unit Js.meth;
nextNode : Js.js_string Js.t Js.optdef -> 'b Js.t Js.meth;
nextSibling : Js.js_string Js.t Js.optdef -> 'b Js.t Js.meth;
on : 'o4 'p4 'q4 'r4 's4.
'o4 Js.t ->
'p4 Js.callback Js.optdef ->
'q4 Js.t Js.optdef -> 'r4 Js.t Js.optdef -> 's4 Js.t Js.meth;
onAdd : 't4.
(#Ext_Component.t as 't4) Js.t -> Js.number Js.t -> unit Js.meth;
onAdded : 'u4. 'u4 Js.t -> Js.number Js.t -> unit Js.meth;
onBeforeAdd : 'v4. (#Ext_Component.t as 'v4) Js.t -> unit Js.meth;
onDestroy : unit Js.meth; onDisable : unit Js.meth;
onDockedAdd : 'w4. (#Ext_Component.t as 'w4) Js.t -> unit Js.meth;
onDockedRemove : 'x4. (#Ext_Component.t as 'x4) Js.t -> unit Js.meth;
onEnable : unit Js.meth;
onHide : 'y4 'z4 'a5.
'y4 Js.t Js.optdef ->
'z4 Js.callback Js.optdef -> 'a5 Js.t Js.optdef -> unit Js.meth;
onPosition : Js.number Js.t -> Js.number Js.t -> unit Js.meth;
onRemove : 'b5.
(#Ext_Component.t as 'b5) Js.t -> bool Js.t -> unit Js.meth;
onRemoved : bool Js.t -> unit Js.meth;
onRender : Ext_dom_Element.t Js.t -> Js.number Js.t -> unit Js.meth;
onResize : 'c5 'd5 'e5 'f5.
'c5 Js.t -> 'd5 Js.t -> 'e5 Js.t -> 'f5 Js.t -> unit Js.meth;
onShow : 'g5 'h5 'i5.
'g5 Js.t Js.optdef ->
'h5 Js.callback Js.optdef -> 'i5 Js.t Js.optdef -> unit Js.meth;
onShowComplete : 'j5 'k5.
'j5 Js.callback Js.optdef ->
'k5 Js.t Js.optdef -> unit Js.meth;
ownerCt : 'l5. 'l5 Js.t Js.readonly_prop;
postBlur : Ext_EventObject.t Js.t -> unit Js.meth;
previousNode : Js.js_string Js.t Js.optdef -> 'b Js.t Js.meth;
previousSibling : Js.js_string Js.t Js.optdef -> 'b Js.t Js.meth;
query : Js.js_string Js.t Js.optdef ->
Ext_Component.t Js.js_array Js.t Js.meth;
queryBy : 'm5 'n5.
'm5 Js.callback ->
'n5 Js.t Js.optdef -> Ext_Component.t Js.js_array Js.t Js.meth;
queryById : 'o5.
Js.js_string Js.t -> (#Ext_Component.t as 'o5) Js.t Js.meth;
registerFloatingItem : 'p5. 'p5 Js.t -> unit Js.meth;
relayEvents : 'q5 'r5.
'q5 Js.t ->
Js.js_string Js.t Js.js_array Js.t ->
Js.js_string Js.t Js.optdef -> 'r5 Js.t Js.meth;
remove : 's5 't5.
's5 Js.t ->
bool Js.t Js.optdef -> (#Ext_Component.t as 't5) Js.t Js.meth;
removeAll : bool Js.t Js.optdef ->
Ext_Component.t Js.js_array Js.t Js.meth;
removeAnchor : 'b Js.t Js.meth;
removeBodyCls : Js.js_string Js.t -> 'b Js.t Js.meth;
removeChildEls : 'u5. 'u5 Js.callback -> unit Js.meth;
removeCls : 'v5. 'v5 Js.t -> 'b Js.t Js.meth;
removeClsWithUI : 'w5. 'w5 Js.t -> unit Js.meth;
removeDocked : 'x5.
(#Ext_Component.t as 'x5) Js.t ->
bool Js.t Js.optdef -> unit Js.meth;
removeListener : 'y5 'z5.
Js.js_string Js.t ->
'y5 Js.callback -> 'z5 Js.t Js.optdef -> unit Js.meth;
removeManagedListener : 'a6 'b6 'c6 'd6.
'a6 Js.t ->
'b6 Js.t ->
'c6 Js.callback Js.optdef ->
'd6 Js.t Js.optdef -> unit Js.meth;
removeUIClsFromElement : Js.js_string Js.t -> unit Js.meth;
render : 'e6 'f6. 'e6 Js.t Js.optdef -> 'f6 Js.t Js.optdef -> unit Js.meth;
rendered : bool Js.t Js.readonly_prop;
resumeEvent : Js.js_string Js.t -> unit Js.meth;
resumeEvents : unit Js.meth;
savePropToState : 'g6.
Js.js_string Js.t ->
'g6 Js.t ->
Js.js_string Js.t Js.optdef -> bool Js.t Js.meth;
savePropsToState : 'h6 'i6 'j6. 'h6 Js.t -> 'i6 Js.t -> 'j6 Js.t Js.meth;
saveState : unit Js.meth;
scrollBy : 'k6 'l6 'm6. 'k6 Js.t -> 'l6 Js.t -> 'm6 Js.t -> unit Js.meth;
scrollFlags : 'n6. 'n6 Js.t Js.readonly_prop;
self : Ext_Class.t Js.t Js.prop; sequenceFx : 'o6. 'o6 Js.t Js.meth;
setActive : 'p6. bool Js.t Js.optdef -> 'p6 Js.t Js.optdef -> unit Js.meth;
setAutoScroll : bool Js.t -> 'b Js.t Js.meth;
setBodyStyle : 'q6. 'q6 Js.t -> Js.js_string Js.t -> 'b Js.t Js.meth;
setBorder : 'r6. 'r6 Js.t -> unit Js.meth;
setBorderRegion : Js.js_string Js.t -> Js.js_string Js.t Js.meth;
setBox : 's6 't6. 's6 Js.t -> 't6 Js.t Js.optdef -> 'b Js.t Js.meth;
setDisabled : bool Js.t -> unit Js.meth;
setDocked : 'u6. 'u6 Js.t -> bool Js.t Js.optdef -> 'b Js.t Js.meth;
setHeight : Js.number Js.t -> 'b Js.t Js.meth;
setLoading : 'v6 'w6. 'v6 Js.t -> bool Js.t Js.optdef -> 'w6 Js.t Js.meth;
setLocalX : Js.number Js.t -> 'b Js.t Js.meth;
setLocalXY : 'x6. 'x6 Js.t -> Js.number Js.t Js.optdef -> 'b Js.t Js.meth;
setLocalY : Js.number Js.t -> 'b Js.t Js.meth;
setMargin : 'y6. 'y6 Js.t -> unit Js.meth;
setOverflowXY : Js.js_string Js.t -> Js.js_string Js.t -> 'b Js.t Js.meth;
setPagePosition : 'z6 'a7.
'z6 Js.t ->
Js.number Js.t Js.optdef ->
'a7 Js.t Js.optdef -> 'b Js.t Js.meth;
setPosition : 'b7 'c7.
'b7 Js.t ->
Js.number Js.t Js.optdef ->
'c7 Js.t Js.optdef -> 'b Js.t Js.meth;
setRegion : 'd7.
Ext_util_Region.t Js.t ->
'd7 Js.t Js.optdef -> 'b Js.t Js.meth;
setRegionWeight : Js.number Js.t -> Js.number Js.t Js.meth;
setSize : 'e7 'f7. 'e7 Js.t -> 'f7 Js.t -> 'b Js.t Js.meth;
setUI : Js.js_string Js.t -> unit Js.meth;
setVisible : bool Js.t -> 'b Js.t Js.meth;
setWidth : Js.number Js.t -> 'b Js.t Js.meth;
setX : 'g7. Js.number Js.t -> 'g7 Js.t Js.optdef -> 'b Js.t Js.meth;
setXY : 'h7.
Js.number Js.t Js.js_array Js.t ->
'h7 Js.t Js.optdef -> 'b Js.t Js.meth;
setY : 'i7. Js.number Js.t -> 'i7 Js.t Js.optdef -> 'b Js.t Js.meth;
show : 'j7 'k7 'l7.
'j7 Js.t Js.optdef ->
'k7 Js.callback Js.optdef ->
'l7 Js.t Js.optdef -> 'b Js.t Js.meth;
showAt : 'm7 'n7.
'm7 Js.t ->
Js.number Js.t Js.optdef ->
'n7 Js.t Js.optdef -> 'b Js.t Js.meth;
showBy : 'o7.
'o7 Js.t ->
Js.js_string Js.t Js.optdef ->
Js.number Js.t Js.js_array Js.t Js.optdef -> 'b Js.t Js.meth;
statics : Ext_Class.t Js.t Js.meth;
stopAnimation : Ext_dom_Element.t Js.t Js.meth;
suspendEvent : Js.js_string Js.t -> unit Js.meth;
suspendEvents : bool Js.t -> unit Js.meth; syncFx : 'p7. 'p7 Js.t Js.meth;
toBack : 'q7. 'q7 Js.t Js.meth;
toFront : 'r7. bool Js.t Js.optdef -> 'r7 Js.t Js.meth;
translatePoints : 's7 't7.
's7 Js.t ->
Js.number Js.t Js.optdef -> 't7 Js.t Js.meth;
un : 'u7 'v7.
Js.js_string Js.t ->
'u7 Js.callback -> 'v7 Js.t Js.optdef -> unit Js.meth;
up : 'w7 'x7 'y7.
'w7 Js.t Js.optdef -> 'x7 Js.t Js.optdef -> 'y7 Js.t Js.meth;
update : 'z7 'a8.
'z7 Js.t ->
bool Js.t Js.optdef ->
'a8 Js.callback Js.optdef -> unit Js.meth;
updateBox : 'b8. 'b8 Js.t -> 'b Js.t Js.meth;
updateLayout : 'c8. 'c8 Js.t Js.optdef -> unit Js.meth;
zIndexManager : Ext_ZIndexManager.t Js.t Js.readonly_prop;
zIndexParent : 'd8. 'd8 Js.t Js.readonly_prop; .. >
as 'b)
Js.t Js.meth as 'a

Adds a CSS class to the body element. If not rendered, the class will be added when the panel is rendered.

Parameters:

Returns:


method addUIClsToElement : Js.js_string Js.t -> unit Js.meth

inherit docs

Method which adds a specified UI + uiCls to the components element. Can be overridden to remove the UI from more than just the components element.

Parameters:


method beforeDestroy : unit Js.meth

Invoked before the Component is destroyed.


method getComponent : 'a3 'b3. 'a3 Js.t -> (#Ext_Component.t as 'b3) Js.t Js.meth

Attempts a default component lookup (see Ext.container.Container.getComponent). If the component is not found in the normal items, the dockedItems are searched and the matched component (if any) returned (see getDockedComponent). Note that docked items will only be matched by component id or itemId -- if you pass a numeric index only non-docked child components will be searched.

Parameters:

Returns:


method getRefItems : 'k3. 'k3 Js.t -> unit Js.meth

Used by ComponentQuery, child and down to retrieve all of the items which can potentially be considered a child of this Container.

This may be overriden by Components which have ownership of Components that are not contained in the items collection.

NOTE: IMPORTANT note for maintainers: Items are returned in tree traversal order. Each item is appended to the result array followed by the results of that child's getRefItems call. Floating child items are appended after internal child items.

Parameters:


method initComponent : unit Js.meth

The initComponent template method is an important initialization step for a Component. It is intended to be implemented by each subclass of Ext.Component to provide any needed constructor logic. The initComponent method of the class being created is called first, with each initComponent method up the hierarchy to Ext.Component being called thereafter. This makes it easy to implement and, if needed, override the constructor logic of the Component at any step in the hierarchy.

The initComponent method must contain a call to callParent in order to ensure that the parent class' initComponent method is also called.

All config options passed to the constructor are applied to this before initComponent is called, so you can simply access them with this.someOption.

The following example demonstrates using a dynamic string for the text of a button at the time of instantiation of the class.

Ext.define('DynamicButtonText', {
    extend: 'Ext.button.Button',

    initComponent: function() {
        this.text = new Date();
        this.renderTo = Ext.getBody();
        this.callParent();
    }
});

Ext.onReady(function() {
    Ext.create('DynamicButtonText');
});

method removeBodyCls : Js.js_string Js.t -> 'b Js.t Js.meth

Removes a CSS class from the body element.

Parameters:

Returns:


method removeUIClsFromElement : Js.js_string Js.t -> unit Js.meth

inherit docs

Method which removes a specified UI + uiCls from the components element. The cls which is added to the element will be: this.baseCls + '-' + ui.

Parameters:


method setBodyStyle : 'q6. 'q6 Js.t -> Js.js_string Js.t -> 'b Js.t Js.meth

Sets the body style according to the passed parameters.

Parameters:

Returns: