Group Panel - C1 ASP.NET MVC

// This file locates: "Scripts/Lesson/C1FlexGrid/GroupPanel.js".
c1.documentReady(function () {
    var theGrid = wijmo.Control.getControl('#theGrid');
 
    // create the group panel
    var theGroupPanel = new wijmo.grid.grouppanel.GroupPanel('#theGroupPanel', {
        placeholder: 'Drag columns here to create groups',
        grid: theGrid
    });
});

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

@model IEnumerable<FlexGridData.Sale>
 
<h1>
    @Html.Raw(Resources.C1FlexGrid.GroupPanel_Title)
</h1>
<p>
    @Html.Raw(Resources.C1FlexGrid.GroupPanel_Text1)
</p>
<p>
    @Html.Raw(Resources.C1FlexGrid.GroupPanel_Text2) 
</p>
<div id="theGroupPanel"></div>
@Html.C1().FlexGrid().Id("theGrid").Bind(Model).Height(250)

GroupPanel control