Controls and Elements - C1 ASP.NET MVC

// This file locates: "Scripts/Lesson/C1Mvc/ControlsElements.js".
c1.documentReady(function () {
    var grid = wijmo.Control.getControl('#theGrid');
 
    // toggle grid's font
    document.getElementById('toggleFont').addEventListener('click', function () {
 
        // get control being hosted by element #theGrid
        var ctl = wijmo.Control.getControl('#theGrid');
 
        // get host element from 'grid' control
        var host = ctl.hostElement;
 
        // toggle font weight
        var style = host.style;
        style.fontWeight = style.fontWeight ? '' : 'bold';
    });
 
    // resize the grid the WRONG way
    document.getElementById('resizeBad').addEventListener('click', function () {
        var style = grid.hostElement.style;
        style.height = style.height ? '' : '100px';
    });
 
    // resize the grid the RIGHT way
    document.getElementById('resizeGood').addEventListener('click', function () {
        var style = grid.hostElement.style;
        style.height = style.height ? '' : '100px';
        grid.invalidate(); // update control layout after resizing the element
 
        // or (if you have many controls)
        //wijmo.Control.invalidateAll();
    });
});

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

@model IEnumerable<FlexGridData.Sale>
 
<h1>
    @Html.Raw(Resources.C1Mvc.ControlsElements_Title)
</h1>
<p>
    @Html.Raw(Resources.C1Mvc.ControlsElements_Text1)
</p>
 
<p>
    @Html.Raw(Resources.C1Mvc.ControlsElements_Text2)
</p>
 
 
<p>@Html.Raw(Resources.C1Mvc.ControlsElements_Text3)</p>
 
<p>
    @Html.Raw(Resources.C1Mvc.ControlsElements_Text4)
</p>
 
<p>
    @Html.Raw(Resources.C1Mvc.ControlsElements_Text5)
</p>
 
<button id="toggleFont" class="btn btn-primary">@Html.Raw(Resources.C1Mvc.ControlsElements_Text6)</button>
<button id="resizeBad" class="btn btn-danger">@Html.Raw(Resources.C1Mvc.ControlsElements_Text7)</button>
<button id="resizeGood" class="btn btn-success">@Html.Raw(Resources.C1Mvc.ControlsElements_Text8)</button>
@Html.C1().FlexGrid().Id("theGrid").Bind(Model).ShowMarquee(true).ShowSelectedHeaders(C1.Web.Mvc.Grid.HeadersVisibility.All).ShowAlternatingRows(false)