template-2.html

<h1 id="overview">Overview</h1>
<p>Grid API documents consist of <code>Core</code> and <code>Real-time Grid</code> libraries.
In this documents, you can find type definitions, methods and events for each class object.</p>
<ul>
<li><code>efx-grid</code> is also a custom element which wraps <a href="#/apis/rt-grid/grid">Real-time Grid</a>, providing an easy way to display real-time data in a tabular format. It allows you to create list of multiple instruments with multiple real-time and fundamentals columns.<ul>
<li>To initialize the element, use <code>config</code> property to define all the options. Available options are listed in the <a href="#/apis/rt-grid/grid#~GridOptions">typeDef section</a>.</li>
<li>The <code>api</code> property is actually a <a href="#/apis/rt-grid/grid">Real-time Grid</a> instance. The property will not be available immediately after page loaded so subsequence <code>api</code> executions should start inside or after <code>configured</code> event.</li>
<li>For more internal APIs, use <code>api.getCoreGrid()</code> method. The method returns <a href="#/apis/core/grid">Core</a> instance.</li>
</ul>
</li>
<li><a href="#/apis/rt-grid/grid">Real-time Grid</a> is built on top of <code>Core</code> with JET&#39;s Quotes support, providing an easy way to display real-time data in a tabular format.</li>
<li><a href="#/apis/core/grid">Core</a> is a core engine of grid written in Javascript. It can be accessed from Real-time Grid through <code>getCoreGrid()</code> method. </li>
</ul>
<h2 id="core-apis">Core APIs</h2>
<ul>
<li><a href="#/apis/core/cell">Cell</a></li>
<li><a href="#/apis/core/cellspans">CellSpans</a></li>
<li><a href="#/apis/core/columnstats">ColumnStats</a></li>
<li><a href="#/apis/core/datacache">DataCache</a></li>
<li><a href="#/apis/core/datatable">DataTable</a></li>
<li><a href="#/apis/core/dataview">DataView</a></li>
<li><a href="#/apis/core/draganddroptitleplugin">DragAndDropTitlePlugin</a></li>
<li><a href="#/apis/core/elementwrapper">ElementWrapper</a></li>
<li><a href="#/apis/core/eventdispatcher">EventDispatcher</a></li>
<li><a href="#/apis/core/grid">Grid</a></li>
<li><a href="#/apis/core/hscrollbar">HScrollbar</a></li>
<li><a href="#/apis/core/ilayoutgrid">ILayoutGrid</a></li>
<li><a href="#/apis/core/layoutgrid">LayoutGrid</a></li>
<li><a href="#/apis/core/scrollbar">Scrollbar</a></li>
<li><a href="#/apis/core/sectionsettings">SectionSettings</a></li>
<li><a href="#/apis/core/segment">Segment</a></li>
<li><a href="#/apis/core/segmentcollection">SegmentCollection</a></li>
<li><a href="#/apis/core/sortabletitleplugin">SortableTitlePlugin</a></li>
<li><a href="#/apis/core/vscrollbar">VScrollbar</a></li>
</ul>
<h2 id="realtime-grid-apis">Realtime Grid APIS</h2>
<ul>
<li><a href="#/apis/rt-grid/columndefinition">ColumnDefinition</a></li>
<li><a href="#/apis/rt-grid/grid">Grid</a></li>
<li><a href="#/apis/rt-grid/rowdefinition">RowDefinition</a></li>
</ul>