Module Ext_util_Renderable

module Ext_util_Renderable: sig .. end

Given a component hierarchy of this:

 {
     xtype: 'panel',
     id: 'ContainerA',
     layout: 'hbox',
     renderTo: Ext.getBody(),
     items: [
         {
             id: 'ContainerB',
             xtype: 'container',
             items: [
                 { id: 'ComponentA' }
             ]
         }
     ]
 }

The rendering of the above proceeds roughly like this:

• ContainerA's initComponent calls render passing the renderTo property as the container argument.
• render calls the getRenderTree method to get a complete Ext.DomHelper spec.
• getRenderTree fires the "beforerender" event and calls the beforeRender method. Its result is obtained by calling getElConfig.
• The getElConfig method uses the renderTpl and its render data as the content of the autoEl described element.
• The result of getRenderTree is passed to Ext.DomHelper.append.
• The renderTpl contains calls to render things like docked items, container items and raw markup (such as the html or tpl config properties). These calls are to methods added to the Ext.XTemplate instance by setupRenderTpl.
• The setupRenderTpl method adds methods such as renderItems, renderContent, etc. to the template. These are directed to "doRenderItems", "doRenderContent" etc..
• The setupRenderTpl calls traverse from components to their Ext.layout.Layout object.
• When a container is rendered, it also has a renderTpl. This is processed when the renderContainer method is called in the component's renderTpl. This call goes to Ext.layout.container.Container.doRenderContainer. This method repeats this process for all components in the container.
• After the top-most component's markup is generated and placed in to the DOM, the next step is to link elements to their components and finish calling the component methods onRender and afterRender as well as fire the corresponding events.
• The first step in this is to call finishRender. This method descends the component hierarchy and calls onRender and fires the render event. These calls are delivered top-down to approximate the timing of these calls/events from previous versions.
• During the pass, the component's el is set. Likewise, the renderSelectors and childEls are applied to capture references to the component's elements.
• These calls are also made on the Ext.layout.container.Container layout to capture its elements. Both of these classes use Ext.util.ElementContainer to handle childEls processing.
• Once this is complete, a similar pass is made by calling #finishAfterRender. This call also descends the component hierarchy, but this time the calls are made in a bottom-up order to afterRender.

class type t = object .. end

class type configs = object .. end

class type events = object .. end

class type statics = object .. end

val of_configs : configs Js.t -> t Js.t

val to_configs : t Js.t -> configs Js.t