Class type Ext_LoadMask.configs

class type configs = object .. end

Inherits

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

The base CSS class to apply to this component's element. This will also be prepended to elements within this component like Panel's body will get a class x-panel-body. This means that if you create a subclass of Panel, and you want it to get all the Panels styling for the element and the body, you leave the baseCls x-panel and use componentCls to add specific styling for this component.

Defaults to: Ext.baseCSSPrefix + 'mask-msg'

method maskCls : Js.js_string Js.t Js.prop

The CSS class to apply to the mask element

Defaults to: "x-mask"

method msg : Js.js_string Js.t Js.prop

The text to display in a centered loading message box.

Defaults to: "Loading..."

method msgCls : Js.js_string Js.t Js.prop

The CSS class to apply to the loading message element.

Defaults to: "x-mask-loading"

method renderTpl : 'a. 'a 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.

Defaults to: '<div id=''{id}-msgEl'' class=''{[values.$comp.msgCls]} ', Ext.baseCSSPrefix, 'mask-msg-inner{childElCls}''>', '<div id=''{id}-msgTextEl'' class=''', Ext.baseCSSPrefix, 'mask-msg-text', '{childElCls}''></div>', '</div>'

method store : Ext_data_Store.t Js.t Js.prop

Optional Store to which the mask is bound. The mask is displayed when a load request is issued, and hidden on either load success, or load fail.

method target : 'b. (#Ext_Component.t as 'b) Js.t Js.prop

The Component you wish to mask. The the mask will be automatically sized upon Component resize, and the message box will be kept centered.

method useMsg : bool Js.t Js.prop

Whether or not to use a loading message class or simply mask the bound element.

Defaults to: true

method useTargetEl : bool Js.t Js.prop

True to mask the targetEl of the bound Component. By default, the el will be masked.

Defaults to: false

method afterRender : ((< afterComponentLayout : 'e 'f.
                                    ('d Js.t,
                                     Js.number Js.t ->
                                     Js.number Js.t -> 'e Js.t -> 'f Js.t -> unit)
                                    Js.meth_callback Js.writeonly_prop;
           afterHide : 'g 'h.
                         ('d Js.t,
                          'g Js.callback Js.optdef -> 'h Js.t Js.optdef -> unit)
                         Js.meth_callback Js.writeonly_prop;
           afterRender : 'c;
           afterSetPosition : ('d Js.t, Js.number Js.t -> Js.number Js.t -> unit)
                              Js.meth_callback Js.writeonly_prop;
           afterShow : 'i 'j 'k.
                         ('d Js.t,
                          'i Js.t Js.optdef ->
                          'j Js.callback Js.optdef -> 'k Js.t Js.optdef -> unit)
                         Js.meth_callback Js.writeonly_prop;
           autoEl : 'l. 'l Js.t Js.prop; autoRender : 'm. 'm 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 : ('d Js.t,
                                    Js.number Js.t -> Js.number Js.t -> unit)
                                   Js.meth_callback Js.writeonly_prop;
           beforeDestroy : ('d Js.t, unit -> unit) Js.meth_callback
                           Js.writeonly_prop;
           beforeLayout : ('d Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop;
           beforeShow : ('d Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop;
           border : 'n. 'n Js.t Js.prop;
           childEls : 'o. 'o Js.t Js.js_array Js.t Js.prop;
           cls : Js.js_string Js.t Js.prop; columnWidth : 'p. 'p Js.t Js.prop;
           componentCls : Js.js_string Js.t Js.prop;
           componentLayout : 'q. 'q Js.t Js.prop; constrain : bool Js.t Js.prop;
           constrainTo : 'r. 'r Js.t Js.prop;
           constraintInsets : 's. 's Js.t Js.prop;
           contentEl : Js.js_string Js.t Js.prop; data : 't. 't 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 : 'u. 'u 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 : ('d 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;
           maskCls : Js.js_string 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; msg : Js.js_string Js.t Js.prop;
           msgCls : Js.js_string Js.t Js.prop;
           onAdded : 'z.
                       ('d Js.t, 'z Js.t -> Js.number Js.t -> unit) Js.meth_callback
                       Js.writeonly_prop;
           onDestroy : ('d Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop;
           onDisable : ('d Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop;
           onEnable : ('d Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop;
           onHide : 'a1 'b1 'c1.
                      ('d 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 : ('d Js.t, Js.number Js.t -> Js.number Js.t -> unit)
                        Js.meth_callback Js.writeonly_prop;
           onRemoved : ('d Js.t, bool Js.t -> unit) Js.meth_callback
                       Js.writeonly_prop;
           onRender : ('d Js.t, Ext_dom_Element.t Js.t -> Js.number Js.t -> unit)
                      Js.meth_callback Js.writeonly_prop;
           onResize : 'd1 'e1 'f1 'g1.
                        ('d 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.
                      ('d 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.
                              ('d 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 : 'o1. 'o1 Js.t Js.prop;
           renderData : 'p1. 'p1 Js.t Js.prop;
           renderSelectors : 'q1. 'q1 Js.t Js.prop;
           renderTo : 'r1. 'r1 Js.t Js.prop; renderTpl : 'a. 'a Js.t Js.prop;
           resizable : 's1. 's1 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 : 't1. 't1 Js.t Js.prop;
           shadowOffset : Js.number Js.t Js.prop;
           shrinkWrap : 'u1. 'u1 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;
           store : Ext_data_Store.t Js.t Js.prop; style : 'v1. 'v1 Js.t Js.prop;
           target : 'b. (#Ext_Component.t as 'b) Js.t Js.prop;
           toFrontOnShow : bool Js.t Js.prop; tpl : 'w1. 'w1 Js.t Js.prop;
           tplWriteMode : Js.js_string Js.t Js.prop; ui : Js.js_string Js.t Js.prop;
           useMsg : bool Js.t Js.prop; useTargetEl : bool Js.t Js.prop;
           width : Js.number Js.t Js.prop; xtype : Js.js_string Js.t Js.prop; .. >
         as 'd)
        Js.t, unit -> unit)
       Js.meth_callback Js.writeonly_prop as 'c

See method t.afterRender

method afterShow : 'i 'j 'k.
         ('d Js.t,
          'i Js.t Js.optdef -> 'j Js.callback Js.optdef -> 'k Js.t Js.optdef -> unit)
         Js.meth_callback Js.writeonly_prop

See method t.afterShow

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

See method t.onDestroy

method onDisable : ('d Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop

See method t.onDisable

method onHide : 'a1 'b1 'c1.
         ('d 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.
         ('d 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