Class type Ext_Component.configs

class type configs = object .. end

Inherits

method autoScroll : bool Js.t Js.prop

true to use overflow:'auto' on the components layout element and show scroll bars automatically when necessary, false to clip any overflowing content. This should not be combined with overflowX or overflowY.

Defaults to: false

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

Defines the column width inside column layout.

Can be specified as a number or as a percentage.

Defaults to: undefined

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

A Region (or an element from which a Region measurement will be read) which is used to constrain the component. Only applies when the component is floating.

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

An object or a string (in TRBL order) specifying insets from the configured constrain region within which this component must be constrained when positioning or sizing. example:

constraintInsets: '10 10 10 10' // Constrain with 10px insets from parent

method defaultAlign : Js.js_string Js.t Js.prop

The default Ext.Element#getAlignToXY anchor position value for this menu relative to its element of origin. Used in conjunction with showBy.

Defaults to: "tl-bl?"

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

Specify as true to make a floating Component draggable using the Component's encapsulating element as the drag handle.

This may also be specified as a config object for the ComponentDragger which is instantiated to perform dragging.

For example to create a Component which may only be dragged around using a certain internal element as the drag handle, use the delegate option:

new Ext.Component({
    constrain: true,
    floating: true,
    style: {
        backgroundColor: '#fff',
        border: '1px solid black'
    },
    html: '<h1 style="cursor:move">The title</h1><p>The content</p>',
    draggable: {
        delegate: 'h1'
    }
}).show();

Defaults to: false

method floating : bool Js.t Js.prop

Specify as true to float the Component outside of the document flow using CSS absolute positioning.

Components such as Windows and Menus are floating by default.

Floating Components that are programatically rendered will register themselves with the global ZIndexManager

Floating Components as child items of a Container

A floating Component may be used as a child item of a Container. This just allows the floating Component to seek a ZIndexManager by examining the ownerCt chain.

When configured as floating, Components acquire, at render time, a ZIndexManager which manages a stack of related floating Components. The ZIndexManager brings a single floating Component to the top of its stack when the Component's toFront method is called.

The ZIndexManager is found by traversing up the ownerCt chain to find an ancestor which itself is floating. This is so that descendant floating Components of floating Containers (Such as a ComboBox dropdown within a Window) can have its zIndex managed relative to any siblings, but always above that floating ancestor Container.

If no floating ancestor is found, a floating Component registers itself with the default ZIndexManager.

Floating components do not participate in the Container's layout. Because of this, they are not rendered until you explicitly show them.

After rendering, the ownerCt reference is deleted, and the floatParent property is set to the found floating ancestor Container. If no floating ancestor Container was found the floatParent property will not be set.

Defaults to: false

method formBind : bool Js.t Js.prop

When inside FormPanel, any component configured with formBind: true will be enabled/disabled depending on the validity state of the form. See Ext.form.Panel for more information and example.

Defaults to: false

method overflowX : Js.js_string Js.t Js.prop

Possible values are: * 'auto' to enable automatic horizontal scrollbar (overflow-x: 'auto'). * 'scroll' to always enable horizontal scrollbar (overflow-x: 'scroll'). The default is overflow-x: 'hidden'. This should not be combined with autoScroll.

method overflowY : Js.js_string Js.t Js.prop

Possible values are: * 'auto' to enable automatic vertical scrollbar (overflow-y: 'auto'). * 'scroll' to always enable vertical scrollbar (overflow-y: 'scroll'). The default is overflow-y: 'hidden'. This should not be combined with autoScroll.

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

Defines the region inside border layout.

Possible values:

north - Positions component at top.
south - Positions component at bottom.
east - Positions component at right.
west - Positions component at left.
center - Positions component at the remaining space. There must be a component with region: "center" in every border layout.

Defaults to: undefined

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

Specify as true to apply a Resizer to this Component after rendering.

May also be specified as a config object to be passed to the constructor of Resizer to override any defaults. By default the Component passes its minimum and maximum size, and uses Ext.resizer.Resizer.dynamic: false

method resizeHandles : Js.js_string Js.t Js.prop

A valid Ext.resizer.Resizer handles config string. Only applies when resizable = true.

Defaults to: 'all'

method toFrontOnShow : bool Js.t Js.prop

True to automatically call toFront when the show method is called on an already visible, floating component.

Defaults to: true

method afterComponentLayout : 'g 'h.
         ((< afterComponentLayout : 'g 'h. 'i;
             afterHide : 'k 'l.
                           ('j Js.t,
                            'k Js.callback Js.optdef -> 'l Js.t Js.optdef -> 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 : 'm 'n 'o.
                           ('j Js.t,
                            'm Js.t Js.optdef ->
                            'n Js.callback Js.optdef -> 'o Js.t Js.optdef -> unit)
                           Js.meth_callback Js.writeonly_prop;
             autoEl : 'p. 'p Js.t Js.prop; autoRender : 'q. 'q 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 : ('j Js.t, unit -> unit) Js.meth_callback
                             Js.writeonly_prop;
             beforeLayout : ('j Js.t, unit -> unit) Js.meth_callback
                            Js.writeonly_prop;
             beforeShow : ('j Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop;
             border : 'r. 'r Js.t Js.prop;
             childEls : 's. 's Js.t Js.js_array Js.t Js.prop;
             cls : Js.js_string Js.t Js.prop; columnWidth : 'a. 'a Js.t Js.prop;
             componentCls : Js.js_string Js.t Js.prop;
             componentLayout : 't. 't Js.t Js.prop; constrain : bool Js.t Js.prop;
             constrainTo : 'b. 'b Js.t Js.prop;
             constraintInsets : 'c. 'c Js.t Js.prop;
             contentEl : Js.js_string Js.t Js.prop; data : 'u. 'u Js.t Js.prop;
             defaultAlign : Js.js_string Js.t Js.prop; disabled : bool Js.t Js.prop;
             disabledCls : Js.js_string Js.t Js.prop; draggable : bool Js.t Js.prop;
             draggable_obj : 'd. 'd 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 : 'v. 'v 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; listeners : 'w. 'w Js.t Js.prop;
             loader : 'x. 'x Js.t Js.prop; margin : 'y. 'y 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;
             onAdded : 'z.
                         ('j Js.t, 'z Js.t -> Js.number 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;
             onEnable : ('j Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop;
             onHide : 'a1 'b1 'c1.
                        ('j Js.t,
                         'a1 Js.t Js.optdef ->
                         'b1 Js.callback Js.optdef -> 'c1 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;
             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 : 'd1 'e1 'f1 'g1.
                          ('j Js.t,
                           'd1 Js.t -> 'e1 Js.t -> 'f1 Js.t -> 'g1 Js.t -> unit)
                          Js.meth_callback Js.writeonly_prop;
             onShow : 'h1 'i1 'j1.
                        ('j Js.t,
                         'h1 Js.t Js.optdef ->
                         'i1 Js.callback Js.optdef -> 'j1 Js.t Js.optdef -> unit)
                        Js.meth_callback Js.writeonly_prop;
             onShowComplete : 'k1 'l1.
                                ('j Js.t,
                                 'k1 Js.callback Js.optdef ->
                                 'l1 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 : 'm1. 'm1 Js.t Js.prop;
             plugins : 'n1. 'n1 Js.t Js.prop; region : 'e. 'e Js.t Js.prop;
             renderData : 'o1. 'o1 Js.t Js.prop;
             renderSelectors : 'p1. 'p1 Js.t Js.prop;
             renderTo : 'q1. 'q1 Js.t Js.prop; renderTpl : 'r1. 'r1 Js.t Js.prop;
             resizable : 'f. 'f 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 : 's1. 's1 Js.t Js.prop;
             shadowOffset : Js.number Js.t Js.prop;
             shrinkWrap : 't1. 't1 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 : 'u1. 'u1 Js.t Js.prop; toFrontOnShow : bool Js.t Js.prop;
             tpl : 'v1. 'v1 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, Js.number Js.t -> Js.number Js.t -> 'g Js.t -> 'h Js.t -> unit)
         Js.meth_callback Js.writeonly_prop as 'i

See method t.afterComponentLayout

method afterHide : 'k 'l.
         ('j Js.t, 'k Js.callback Js.optdef -> 'l Js.t Js.optdef -> unit)
         Js.meth_callback Js.writeonly_prop

See method t.afterHide

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

See method t.afterRender

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

See method t.afterSetPosition

method afterShow : 'm 'n 'o.
         ('j Js.t,
          'm Js.t Js.optdef -> 'n Js.callback Js.optdef -> 'o Js.t Js.optdef -> unit)
         Js.meth_callback Js.writeonly_prop

See method t.afterShow

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

See method t.beforeLayout

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

See method t.beforeShow

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

See method t.initComponent

method onAdded : 'z.
         ('j Js.t, 'z Js.t -> Js.number Js.t -> unit) Js.meth_callback
         Js.writeonly_prop

See method t.onAdded

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

See method t.onDestroy

method onHide : 'a1 'b1 'c1.
         ('j Js.t,
          'a1 Js.t Js.optdef ->
          'b1 Js.callback Js.optdef -> 'c1 Js.t Js.optdef -> unit)
         Js.meth_callback Js.writeonly_prop

See method t.onHide

method onShow : 'h1 'i1 'j1.
         ('j Js.t,
          'h1 Js.t Js.optdef ->
          'i1 Js.callback Js.optdef -> 'j1 Js.t Js.optdef -> unit)
         Js.meth_callback Js.writeonly_prop

See method t.onShow

method onShowComplete : 'k1 'l1.
         ('j Js.t, 'k1 Js.callback Js.optdef -> 'l1 Js.t Js.optdef -> unit)
         Js.meth_callback Js.writeonly_prop

See method t.onShowComplete