Class type Ext_panel_AbstractPanel.configs

class type configs = object .. end

Inherits

method baseCls : Js.js_string Js.t Js.prop

The base CSS class to apply to this panel's element.

Defaults to: x-panel

method bodyBorder : bool Js.t Js.prop

A shortcut to add or remove the border on the body of a panel. In the classic theme this only applies to a panel which has the frame configuration set to true.

method bodyCls : 'a. 'a Js.t Js.prop

A CSS class, space-delimited string of classes, or array of classes to be applied to the panel's body element. The following examples are all valid:

bodyCls: 'foo'
bodyCls: 'foo bar'
bodyCls: ['foo', 'bar']

method bodyPadding : 'b. 'b Js.t Js.prop

A shortcut for setting a padding style on the body element. The value can either be a number to be applied to all sides, or a normal css string describing padding. Defaults to undefined.

method bodyStyle : 'c. 'c Js.t Js.prop

Custom CSS styles to be applied to the panel's body element, which can be supplied as a valid CSS style string, an object containing style property name/value pairs or a function that returns such a string or object. For example, these two formats are interpreted to be equivalent:

bodyStyle: 'background:#ffc; padding:10px;'

bodyStyle: {
    background: '#ffc',
    padding: '10px'
}

method border : 'd. 'd Js.t Js.prop

Specifies the border size for this component. The border can be a single numeric value to apply to all sides or it can be a CSS style specification for each style, for example: '10 5 3 10' (top, right, bottom, left).

For components that have no border by default, setting this won't make the border appear by itself. You also need to specify border color and style:

border: 5,
style: {
    borderColor: 'red',
    borderStyle: 'solid'
}

To turn off the border, use border: false.

Defaults to: true

method componentLayout : 'e. 'e Js.t Js.prop

The sizing and positioning of a Component's internal Elements is the responsibility of the Component's layout manager which sizes a Component's internal structure in response to the Component being sized.

Generally, developers will not use this configuration as all provided Components which need their internal elements sizing (Such as input fields) come with their own componentLayout managers.

The default layout manager will be used on instances of the base Ext.Component class which simply sizes the Component's encapsulating element to the height and width specified in the setSize method.

Defaults to: 'dock'

method dockedItems : 'f. 'f Js.t Js.prop

A component or series of components to be added as docked items to this panel. The docked items can be docked to either the top, right, left or bottom of a panel. This is typically used for things like toolbars or tab bars:

var panel = new Ext.panel.Panel({
    fullscreen: true,
    dockedItems: [{
        xtype: 'toolbar',
        dock: 'top',
        items: [{
            text: 'Docked to the top'
        }]
    }]
});

method renderTpl : 'g. 'g Js.t Js.prop

An XTemplate used to create the internal structure inside this Component's encapsulating Element.

You do not normally need to specify this. For the base classes Ext.Component and Ext.container.Container, this defaults to null which means that they will be initially rendered with no internal structure; they render their Element empty. The more specialized Ext JS and Sencha Touch classes which use a more complex DOM structure, provide their own template definitions.

This is intended to allow the developer to create application-specific utility Components with customized internal structure.

Upon rendering, any created child elements may be automatically imported into object properties using the renderSelectors and childEls options.

method shrinkWrapDock : 'h. 'h Js.t Js.prop

Allows for this panel to include the dockedItems when trying to determine the overall size of the panel. This option is only applicable when this panel is also shrink wrapping in the same dimensions. See Ext.AbstractComponent.shrinkWrap for an explanation of the configuration options.

Defaults to: false

method beforeDestroy : ((< activeItem : 'k. 'k Js.t Js.prop;
           afterComponentLayout : 'l 'm.
                                    ('j Js.t,
                                     Js.number Js.t ->
                                     Js.number Js.t -> 'l Js.t -> 'm Js.t -> unit)
                                    Js.meth_callback Js.writeonly_prop;
           afterHide : 'n 'o.
                         ('j Js.t,
                          'n Js.callback Js.optdef -> 'o Js.t Js.optdef -> unit)
                         Js.meth_callback Js.writeonly_prop;
           afterLayout : 'p.
                           ('j Js.t,
                            (#Ext_layout_container_Container.t as 'p) Js.t -> unit)
                           Js.meth_callback Js.writeonly_prop;
           afterRender : ('j Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop;
           afterSetPosition : ('j Js.t, Js.number Js.t -> Js.number Js.t -> unit)
                              Js.meth_callback Js.writeonly_prop;
           afterShow : 'q 'r 's.
                         ('j Js.t,
                          'q Js.t Js.optdef ->
                          'r Js.callback Js.optdef -> 's Js.t Js.optdef -> unit)
                         Js.meth_callback Js.writeonly_prop;
           anchorSize : 't. 't Js.t Js.prop; autoDestroy : bool Js.t Js.prop;
           autoEl : 'u. 'u Js.t Js.prop; autoRender : 'v. 'v Js.t Js.prop;
           autoScroll : bool Js.t Js.prop; autoShow : bool Js.t Js.prop;
           baseCls : Js.js_string Js.t Js.prop;
           beforeComponentLayout : ('j Js.t,
                                    Js.number Js.t -> Js.number Js.t -> unit)
                                   Js.meth_callback Js.writeonly_prop;
           beforeDestroy : 'i;
           beforeLayout : ('j Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop;
           beforeShow : ('j Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop;
           bodyBorder : bool Js.t Js.prop; bodyCls : 'a. 'a Js.t Js.prop;
           bodyPadding : 'b. 'b Js.t Js.prop; bodyStyle : 'c. 'c Js.t Js.prop;
           border : 'd. 'd Js.t Js.prop;
           bubbleEvents : Js.js_string Js.t Js.js_array Js.t Js.prop;
           childEls : 'w. 'w Js.t Js.js_array Js.t Js.prop;
           cls : Js.js_string Js.t Js.prop; columnWidth : 'x. 'x Js.t Js.prop;
           componentCls : Js.js_string Js.t Js.prop;
           componentLayout : 'e. 'e Js.t Js.prop; constrain : bool Js.t Js.prop;
           constrainTo : 'y. 'y Js.t Js.prop;
           constraintInsets : 'z. 'z Js.t Js.prop;
           contentEl : Js.js_string Js.t Js.prop; data : 'a1. 'a1 Js.t Js.prop;
           defaultAlign : Js.js_string Js.t Js.prop;
           defaultDockWeights : 'b1. 'b1 Js.t Js.prop;
           defaultType : Js.js_string Js.t Js.prop;
           defaults : 'c1. 'c1 Js.t Js.prop; detachOnRemove : bool Js.t Js.prop;
           disabled : bool Js.t Js.prop; disabledCls : Js.js_string Js.t Js.prop;
           dockedItems : 'f. 'f Js.t Js.prop; draggable : bool Js.t Js.prop;
           draggable_obj : 'd1. 'd1 Js.t Js.prop; fixed : bool Js.t Js.prop;
           floating : bool Js.t Js.prop; focusOnToFront : bool Js.t Js.prop;
           formBind : bool Js.t Js.prop; frame : bool Js.t Js.prop;
           height : Js.number Js.t Js.prop; hidden : bool Js.t Js.prop;
           hideMode : Js.js_string Js.t Js.prop; html : 'e1. 'e1 Js.t Js.prop;
           id : Js.js_string Js.t Js.prop;
           initComponent : ('j Js.t, unit -> unit) Js.meth_callback
                           Js.writeonly_prop;
           itemId : Js.js_string Js.t Js.prop; items : 'f1. 'f1 Js.t Js.prop;
           layout : 'g1. 'g1 Js.t Js.prop; listeners : 'h1. 'h1 Js.t Js.prop;
           loader : 'i1. 'i1 Js.t Js.prop; margin : 'j1. 'j1 Js.t Js.prop;
           maxHeight : Js.number Js.t Js.prop; maxWidth : Js.number Js.t Js.prop;
           minHeight : Js.number Js.t Js.prop; minWidth : Js.number Js.t Js.prop;
           onAdd : 'k1.
                     ('j Js.t,
                      (#Ext_Component.t as 'k1) Js.t -> Js.number Js.t -> unit)
                     Js.meth_callback Js.writeonly_prop;
           onAdded : 'l1.
                       ('j Js.t, 'l1 Js.t -> Js.number Js.t -> unit)
                       Js.meth_callback Js.writeonly_prop;
           onBeforeAdd : 'm1.
                           ('j Js.t, (#Ext_Component.t as 'm1) Js.t -> unit)
                           Js.meth_callback Js.writeonly_prop;
           onDestroy : ('j Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop;
           onDisable : ('j Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop;
           onDockedAdd : 'n1.
                           ('j Js.t, (#Ext_Component.t as 'n1) Js.t -> unit)
                           Js.meth_callback Js.writeonly_prop;
           onDockedRemove : 'o1.
                              ('j Js.t, (#Ext_Component.t as 'o1) Js.t -> unit)
                              Js.meth_callback Js.writeonly_prop;
           onEnable : ('j Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop;
           onHide : 'p1 'q1 'r1.
                      ('j Js.t,
                       'p1 Js.t Js.optdef ->
                       'q1 Js.callback Js.optdef -> 'r1 Js.t Js.optdef -> unit)
                      Js.meth_callback Js.writeonly_prop;
           onPosition : ('j Js.t, Js.number Js.t -> Js.number Js.t -> unit)
                        Js.meth_callback Js.writeonly_prop;
           onRemove : 's1.
                        ('j Js.t,
                         (#Ext_Component.t as 's1) Js.t -> bool Js.t -> unit)
                        Js.meth_callback Js.writeonly_prop;
           onRemoved : ('j Js.t, bool Js.t -> unit) Js.meth_callback
                       Js.writeonly_prop;
           onRender : ('j Js.t, Ext_dom_Element.t Js.t -> Js.number Js.t -> unit)
                      Js.meth_callback Js.writeonly_prop;
           onResize : 't1 'u1 'v1 'w1.
                        ('j Js.t,
                         't1 Js.t -> 'u1 Js.t -> 'v1 Js.t -> 'w1 Js.t -> unit)
                        Js.meth_callback Js.writeonly_prop;
           onShow : 'x1 'y1 'z1.
                      ('j Js.t,
                       'x1 Js.t Js.optdef ->
                       'y1 Js.callback Js.optdef -> 'z1 Js.t Js.optdef -> unit)
                      Js.meth_callback Js.writeonly_prop;
           onShowComplete : 'a2 'b2.
                              ('j Js.t,
                               'a2 Js.callback Js.optdef ->
                               'b2 Js.t Js.optdef -> unit)
                              Js.meth_callback Js.writeonly_prop;
           overCls : Js.js_string Js.t Js.prop;
           overflowX : Js.js_string Js.t Js.prop;
           overflowY : Js.js_string Js.t Js.prop; padding : 'c2. 'c2 Js.t Js.prop;
           plugins : 'd2. 'd2 Js.t Js.prop; region : 'e2. 'e2 Js.t Js.prop;
           renderData : 'f2. 'f2 Js.t Js.prop;
           renderSelectors : 'g2. 'g2 Js.t Js.prop;
           renderTo : 'h2. 'h2 Js.t Js.prop; renderTpl : 'g. 'g Js.t Js.prop;
           resizable : 'i2. 'i2 Js.t Js.prop;
           resizeHandles : Js.js_string Js.t Js.prop; rtl : bool Js.t Js.prop;
           saveDelay : Js.number Js.t Js.prop; shadow : 'j2. 'j2 Js.t Js.prop;
           shadowOffset : Js.number Js.t Js.prop;
           shrinkWrap : 'k2. 'k2 Js.t Js.prop; shrinkWrapDock : 'h. 'h Js.t Js.prop;
           stateEvents : Js.js_string Js.t Js.js_array Js.t Js.prop;
           stateId : Js.js_string Js.t Js.prop; stateful : bool Js.t Js.prop;
           style : 'l2. 'l2 Js.t Js.prop; suspendLayout : bool Js.t Js.prop;
           toFrontOnShow : bool Js.t Js.prop; tpl : 'm2. 'm2 Js.t Js.prop;
           tplWriteMode : Js.js_string Js.t Js.prop; ui : Js.js_string Js.t Js.prop;
           width : Js.number Js.t Js.prop; xtype : Js.js_string Js.t Js.prop; .. >
         as 'j)
        Js.t, unit -> unit)
       Js.meth_callback Js.writeonly_prop as 'i

See method t.beforeDestroy

method initComponent : ('j Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop

See method t.initComponent