Extenders - C1 ASP.NET MVC

// This file locates: "Scripts/Lesson/C1Mvc/Extenders.js".
c1.documentReady(function () {
    // get the GroupPanel extender created by the control extender builder directly.
    var dgpGrid = wijmo.Control.getControl('#dgpGrid');
    // get extender by id
    var sdGroupPanel = c1.getExtender(dgpGrid, 'dpGroupPanel');
    // get extender by type
    //var sdGroupPanel = c1.getExtenders(dgpGrid, c1.mvc.grid.grouppanel.GroupPanel)[0];
 
    sdGroupPanel.placeholder = 'This is the GroupPanel generated directly via control extender builder';
 
    // create the GroupPanel extender in the client.
    var csgpGrid = wijmo.Control.getControl('#csgpGrid');
    var csGroupPanel = new wijmo.grid.grouppanel.GroupPanel('#csGroupPanel', {
        placeholder: 'This is the GroupPanel created via Javascript codes',
        grid: csgpGrid
    });
});

using System.Web.Mvc;
 
namespace LearnMvcClient.Controllers
{
    public partial class C1MvcController : Controller
    {
        // GET: Extenders
        public ActionResult Extenders()
        {
            return View(Models.FlexGridData.GetSales(200));
        }
    }
}

@model IEnumerable<FlexGridData.Sale>
 
<h1>
    @Html.Raw(Resources.C1Mvc.Extenders_Title)
</h1>
 
<p>
    @Html.Raw(Resources.C1Mvc.Extenders_Text1)
</p>
<ul>
    <li>
        @Html.Raw(Resources.C1Mvc.Extenders_Text2)
        <ul>
            <li>@Html.Raw(Resources.C1Mvc.Extenders_Text3)</li>
            <li>@Html.Raw(Resources.C1Mvc.Extenders_Text4)</li>
            <li>@Html.Raw(Resources.C1Mvc.Extenders_Text5)</li>
        </ul>
    </li>
    <li>
        @Html.Raw(Resources.C1Mvc.Extenders_Text6)
        <ul>
            <li>@Html.Raw(Resources.C1Mvc.Extenders_Text7)</li>
            <li>@Html.Raw(Resources.C1Mvc.Extenders_Text8)</li>
        </ul>
    </li>
    <li>
        @Html.Raw(Resources.C1Mvc.Extenders_Text9)
        <ul>
            <li>@Html.Raw(Resources.C1Mvc.Extenders_Text10)</li>
            <li>@Html.Raw(Resources.C1Mvc.Extenders_Text11)</li>
            <li>@Html.Raw(Resources.C1Mvc.Extenders_Text12)</li>
            <li>@Html.Raw(Resources.C1Mvc.Extenders_Text13)</li>
            <li>@Html.Raw(Resources.C1Mvc.Extenders_Text14)</li>
        </ul>
    </li>
    <li>
        @Html.Raw(Resources.C1Mvc.Extenders_Text15)
        <ul>
            <li>@Html.Raw(Resources.C1Mvc.Extenders_Text16)</li>
        </ul>
    </li>
</ul>
<p>
    @Html.Raw(Resources.C1Mvc.Extenders_Text17) 
</p>
<ul>
    <li>@Html.Raw(Resources.C1Mvc.Extenders_Text18)</li>
    <li>@Html.Raw(Resources.C1Mvc.Extenders_Text19)</li>
</ul>
<p>
    @Html.Raw(Resources.C1Mvc.Extenders_Text20)
</p>
<ul>
    <li>
        @Html.Raw(Resources.C1Mvc.Extenders_Text21)
    </li>
    <li>
        @Html.Raw(Resources.C1Mvc.Extenders_Text22)
    </li>
</ul>
<p>@Html.Raw(Resources.C1Mvc.Extenders_Text23)</p>
<ol>
    <li>
        @Html.Raw(Resources.C1Mvc.Extenders_Text24)
        @(Html.C1().FlexGrid<FlexGridData.Sale>().Id("dgpGrid").Bind(Model).Height(250).ShowGroupPanel(p=>p.Id("dpGroupPanel")))
    </li>
    <li>
        @Html.Raw(Resources.C1Mvc.Extenders_Text25)
        <div id="csGroupPanel"></div>
        @Html.C1().FlexGrid().Id("csgpGrid").Bind(Model).Height(250)
    </li>
</ol>

C1 MVC Extenders