Component structure

A component defined in the page model as

<micomponent id=\"id\" datasourceref=\"ds\" dataref=\"dr\" [dataonly="true|false"] />

Is initially or while reloaded represented in the DOM as:

<div class="mi-component mi-component-loading" data-mi-type="component" data-mi-componentid="id" data-mi-datasourceref="ds" data-mi-dataref="dr" data-mi-loaded="false" />

Once loaded it is represented as:

<div class="mi-component" data-mi-type="component" data-mi-componentid="id" data-mi-datasourceref="ds" data-mi-dataref="dr" data-mi-loaded="true">
  [Rendered content here unless dataonly was true]
</div>

To access the element use

miReportApp.getComponentFromId(id)<br>

or a jQuery selector like

$("div[data-mi-componentid='id'][data-mi-type='component']")