Class type Ext_view_AbstractView.configs


class type configs = object .. end
Inherits
method blockRefresh : bool Js.t Js.prop

Set this to true to ignore refresh events on the bound store. This is useful if you wish to provide custom transition animations via a plugin

Defaults to: false

method deferEmptyText : bool Js.t Js.prop

True to defer emptyText being applied until the store's first load.

Defaults to: true

method deferInitialRefresh : bool Js.t Js.prop

Defaults to true to defer the initial refresh of the view.

This allows the View to execute its render and initial layout more quickly because the process will not be encumbered by the expensive update of the view structure.

Important: Be aware that this will mean that the View's item elements will not be available immediately upon render, so selection may not take place at render time. To access a View's item elements as soon as possible, use the viewready event. Or set deferInitialrefresh to false, but this will be at the cost of slower rendering.

Defaults to: true

method disableSelection : bool Js.t Js.prop

True to disable selection within the DataView. This configuration will lock the selection model that the DataView uses.


method emptyText : Js.js_string Js.t Js.prop

The text to display in the view when there is no data to display. Note that when using local data the emptyText will not be displayed unless you set the deferEmptyText option to false.

Defaults to: ""

method itemCls : Js.js_string Js.t Js.prop

Specifies the class to be assigned to each element in the view when used in conjunction with the itemTpl configuration.

Defaults to: Ext.baseCSSPrefix + 'dataview-item'

method itemSelector : Js.js_string Js.t Js.prop

This is a required setting. A simple CSS selector (e.g. div.some-class or span:first-child) that will be used to determine what nodes this DataView will be working with. The itemSelector is used to map DOM nodes to records. As such, there should only be one root level element that matches the selector for each record.


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

The inner portion of the item template to be rendered. Follows an XTemplate structure and will be placed inside of a tpl.


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

False to disable a load mask from displaying while the view is loading. This can also be a Ext.LoadMask configuration object.

Defaults to: true

method loadingCls : Js.js_string Js.t Js.prop

The CSS class to apply to the loading message element. Defaults to Ext.LoadMask.prototype.msgCls "x-mask-loading".


method loadingHeight : Js.number Js.t Js.prop

If specified, gives an explicit height for the data view when it is showing the loadingText, if that is specified. This is useful to prevent the view's height from collapsing to zero when the loading mask is applied and there are no other contents in the data view.


method loadingText : Js.js_string Js.t Js.prop

A string to display during data load operations. If specified, this text will be displayed in a loading div and the view's contents will be cleared while loading, otherwise the view's contents will continue to display normally until the new data is loaded and the contents are replaced.

Defaults to: 'Loading...'

method overItemCls : Js.js_string Js.t Js.prop

A CSS class to apply to each item in the view on mouseover. Setting this will automatically set trackOver to true.


method preserveScrollOnRefresh : bool Js.t Js.prop

True to preserve scroll position across refresh operations.

Defaults to: false

method selectedItemCls : Js.js_string Js.t Js.prop

A CSS class to apply to each selected item in the view.

Defaults to: Ext.baseCSSPrefix + 'item-selected'

method singleSelect : bool Js.t Js.prop

Allows selection of exactly one item at a time. As this is the default selection mode anyway, this config is completely ignored.


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

The Ext.data.Store to bind this DataView to.


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

The HTML fragment or an array of fragments that will make up the template used by this DataView. This should be specified in the same format expected by the constructor of Ext.XTemplate.


method trackOver : bool Js.t Js.prop

When true the overItemCls will be applied to rows when hovered over. This in return will also cause highlightitem and unhighlightitem events to be fired.

Enabled automatically when the overItemCls config is set.

Defaults to: false

method afterRender : ((< afterComponentLayout : 'f 'g.
('e Js.t,
Js.number Js.t ->
Js.number Js.t -> 'f Js.t -> 'g Js.t -> unit)
Js.meth_callback Js.writeonly_prop;
afterHide : 'h 'i.
('e Js.t,
'h Js.callback Js.optdef -> 'i Js.t Js.optdef -> unit)
Js.meth_callback Js.writeonly_prop;
afterRender : 'd;
afterSetPosition : ('e Js.t, Js.number Js.t -> Js.number Js.t -> unit)
Js.meth_callback Js.writeonly_prop;
afterShow : 'j 'k 'l.
('e Js.t,
'j Js.t Js.optdef ->
'k Js.callback Js.optdef -> 'l Js.t Js.optdef -> unit)
Js.meth_callback Js.writeonly_prop;
autoEl : 'm. 'm Js.t Js.prop; autoRender : 'n. 'n 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 : ('e Js.t,
Js.number Js.t -> Js.number Js.t -> unit)
Js.meth_callback Js.writeonly_prop;
beforeDestroy : ('e Js.t, unit -> unit) Js.meth_callback
Js.writeonly_prop;
beforeLayout : ('e Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop;
beforeShow : ('e Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop;
blockRefresh : bool Js.t Js.prop; border : 'o. 'o Js.t Js.prop;
childEls : 'p. 'p Js.t Js.js_array Js.t Js.prop;
cls : Js.js_string Js.t Js.prop; columnWidth : 'q. 'q Js.t Js.prop;
componentCls : Js.js_string Js.t Js.prop;
componentLayout : 'r. 'r Js.t Js.prop; constrain : bool Js.t Js.prop;
constrainTo : 's. 's Js.t Js.prop;
constraintInsets : 't. 't 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;
deferEmptyText : bool Js.t Js.prop;
deferInitialRefresh : bool Js.t Js.prop;
disableSelection : bool 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 : 'v. 'v Js.t Js.prop;
emptyText : Js.js_string 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 : 'w. 'w Js.t Js.prop;
id : Js.js_string Js.t Js.prop;
initComponent : ('e Js.t, unit -> unit) Js.meth_callback
Js.writeonly_prop;
itemCls : Js.js_string Js.t Js.prop; itemId : Js.js_string Js.t Js.prop;
itemSelector : Js.js_string Js.t Js.prop; itemTpl : 'a. 'a Js.t Js.prop;
listeners : 'x. 'x Js.t Js.prop; loadMask : 'b. 'b Js.t Js.prop;
loader : 'y. 'y Js.t Js.prop; loadingCls : Js.js_string Js.t Js.prop;
loadingHeight : Js.number Js.t Js.prop;
loadingText : Js.js_string Js.t Js.prop; margin : 'z. 'z 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 : 'a1.
('e Js.t, 'a1 Js.t -> Js.number Js.t -> unit)
Js.meth_callback Js.writeonly_prop;
onDestroy : ('e Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop;
onDisable : ('e Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop;
onEnable : ('e Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop;
onHide : 'b1 'c1 'd1.
('e Js.t,
'b1 Js.t Js.optdef ->
'c1 Js.callback Js.optdef -> 'd1 Js.t Js.optdef -> unit)
Js.meth_callback Js.writeonly_prop;
onPosition : ('e Js.t, Js.number Js.t -> Js.number Js.t -> unit)
Js.meth_callback Js.writeonly_prop;
onRemoved : ('e Js.t, bool Js.t -> unit) Js.meth_callback
Js.writeonly_prop;
onRender : ('e Js.t, Ext_dom_Element.t Js.t -> Js.number Js.t -> unit)
Js.meth_callback Js.writeonly_prop;
onResize : 'e1 'f1 'g1 'h1.
('e Js.t,
'e1 Js.t -> 'f1 Js.t -> 'g1 Js.t -> 'h1 Js.t -> unit)
Js.meth_callback Js.writeonly_prop;
onShow : 'i1 'j1 'k1.
('e Js.t,
'i1 Js.t Js.optdef ->
'j1 Js.callback Js.optdef -> 'k1 Js.t Js.optdef -> unit)
Js.meth_callback Js.writeonly_prop;
onShowComplete : 'l1 'm1.
('e Js.t,
'l1 Js.callback Js.optdef ->
'm1 Js.t Js.optdef -> unit)
Js.meth_callback Js.writeonly_prop;
overCls : Js.js_string Js.t Js.prop;
overItemCls : Js.js_string Js.t Js.prop;
overflowX : Js.js_string Js.t Js.prop;
overflowY : Js.js_string Js.t Js.prop; padding : 'n1. 'n1 Js.t Js.prop;
plugins : 'o1. 'o1 Js.t Js.prop;
preserveScrollOnRefresh : bool Js.t Js.prop;
region : 'p1. 'p1 Js.t Js.prop; renderData : 'q1. 'q1 Js.t Js.prop;
renderSelectors : 'r1. 'r1 Js.t Js.prop;
renderTo : 's1. 's1 Js.t Js.prop; renderTpl : 't1. 't1 Js.t Js.prop;
resizable : 'u1. 'u1 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;
selectedItemCls : Js.js_string Js.t Js.prop;
shadow : 'v1. 'v1 Js.t Js.prop; shadowOffset : Js.number Js.t Js.prop;
shrinkWrap : 'w1. 'w1 Js.t Js.prop; singleSelect : bool 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 : 'x1. 'x1 Js.t Js.prop;
toFrontOnShow : bool Js.t Js.prop; tpl : 'c. 'c Js.t Js.prop;
tplWriteMode : Js.js_string Js.t Js.prop; trackOver : bool 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 'e)
Js.t, unit -> unit)
Js.meth_callback Js.writeonly_prop as 'd
See method t.afterRender
method initComponent : ('e Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop
See method t.initComponent
method onDestroy : ('e Js.t, unit -> unit) Js.meth_callback Js.writeonly_prop
See method t.onDestroy
method onRender : ('e Js.t, Ext_dom_Element.t Js.t -> Js.number Js.t -> unit) Js.meth_callback
Js.writeonly_prop
See method t.onRender