@model IEnumerable<FlexGridData.Sale>

<h1>
    C1 MVC Extenders
</h1>

<p>
    Extenders are used to extend the funtionality of a control. Following is the list of some extenders provided with ASP.NET MVC Edition and the controls they can be used with.
</p>
<ul>
    <li>
        The following extenders can be used with the FlexGrid control.
        <ul>
            <li>FlexGridDetailProvider</li>
            <li>FlexGridFilter</li>
            <li>FlexGridGroupPanel</li>
        </ul>
    </li>
    <li>
        The following extenders can be used with the MultiRow control.
        <ul>
            <li>FlexGridFilter</li>
            <li>FlexGridGroupPanel</li>
        </ul>
    </li>
    <li>
        The following extenders can be used with charts.
        <ul>
            <li>AnnotationLayer</li>
            <li>ChartAnimation</li>
            <li>ChartGestures</li>
            <li>LineMarker</li>
            <li>RangeSelector</li>
        </ul>
    </li>
    <li>
        The following extender can be used with the FlexSheet control.
        <ul>
            <li>FormulaBar</li>
        </ul>
    </li>
</ul>
<p>
    There are two ways to use the extenders. 
</p>
<ul>
    <li>Create extender using control extender builder</li>
    <li>Create extender using client extender constructor</li>
</ul>
<p>
    If the extender is created using control extender builder, we can get the same in following ways:
</p>
<ul>
    <li>
        <code>c1.getExtenders(control, extenderType?)</code><br/>
        Gets the extenders with specified owner and type.
    </li>
    <li>
        <code>c1.getExtender(control, id)</code> <br/>
        Gets the extender with specified owner and id.
    </li>
</ul>
<p>The samples below show how to create, get and customize an extender.</p>
<ol>
    <li>
        Use the control builder to add an extender directly.<br/>
        @(Html.C1().FlexGrid<FlexGridData.Sale>().Id("dgpGrid").Bind(Model).Height(250).ShowGroupPanel(p=>p.Id("dpGroupPanel")))
    </li>
    <li>
        Use javascript code to add an extender in the client.<br/>
        <div id="csGroupPanel"></div>
        @Html.C1().FlexGrid().Id("csgpGrid").Bind(Model).Height(250)
    </li>
</ol>