Selection and Focus - C1 ASP.NET MVC

// This file locates: "Scripts/Lesson/C1FlexGrid/SelectionFocus.js".
c1.documentReady(function () {
    var theGrid = wijmo.Control.getControl('#theGrid');
 
});

// This file locates: "Content/css/Lesson/C1FlexGrid/SelectionFocus.css".
/* de-emphasize selected cells when the grid doesn't contain the focus */
.wj-flexgrid:not(.wj-state-focused) .wj-state-selected,
.wj-flexgrid:not(.wj-state-focused) .wj-state-multi-selected {
  background: #ddd;
}
 
.wj-flexgrid.wj-state-focused .wj-cell.wj-state-selected {
    border: 2px solid orange;
  transition: all 100ms;
}

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

@model IEnumerable<FlexGridData.Sale>
 
<h1>
    @Html.Raw(Resources.C1FlexGrid.SelectionFocus_Title)
</h1>
<p>
    @Html.Raw(Resources.C1FlexGrid.SelectionFocus_Text1)
</p>
<p>
    @Html.Raw(Resources.C1FlexGrid.SelectionFocus_Text2)
</p>
@Html.C1().FlexGrid().Id("theGrid").ShowAlternatingRows(false).Bind(Model)