Selection - C1 ASP.NET MVC

// This file locates: "Scripts/Lesson/C1FlexGrid/EventsSelection.js".
c1.documentReady(function () {
    var theGrid = wijmo.Control.getControl('#theGrid');
    var elLog = document.getElementById('log');
    var placeholder = elLog.innerHTML;
 
    theGrid.selectionChanged.addHandler(function (s, e) {
        var html = placeholder;
        if (!theGrid.selection.isSingleCell) {
            var stats = getSelectionStats(theGrid);
            var fmt = stats.sum != null
                ? 'Avg: <b>{avg:n2}</b>, Count: <b>{cnt:n0}</b>, Sum: <b>{sum:n2}</b>'
              : 'Count: {cnt:n2}';
            html = wijmo.format(fmt, stats);
        }
        elLog.innerHTML = html;
    });
 
    // get statistics for the current selection
    function getSelectionStats(grid) {
        var sel = grid.selection,
                cnt = 0,
            ncnt = 0,
            sum = 0;
        for (var r = sel.topRow; r <= sel.bottomRow; r++) {
            for (var c = sel.leftCol; c <= sel.rightCol; c++) {
                var val = grid.cells.getCellData(r, c, false);
                if (val != null) {
                    cnt++;
                    if (wijmo.isNumber(val)) {
                        ncnt++;
                        sum += val;
                    }
                }
            }
        }
        return {
            cnt: cnt,
            sum: ncnt > 0 ? sum : null,
            avg: ncnt > 0 ? sum / ncnt : null
        }
    }
});

// This file locates: "Content/css/Lesson/C1FlexGrid/EventsSelection.css".
#log {
  font-style: italic;
  text-align: center;
  margin-bottom: 10px;
  opacity: .5;
}
.my-button {
  opacity: .5;
  margin: 0 6px;
}
.my-button:hover {
  color: orange;  
}

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

@model IEnumerable<FlexGridData.Sale>
 
<h1>
    @Html.Raw(Resources.C1FlexGrid.EventsSelection_Title)
</h1>
<p>
    @Html.Raw(Resources.C1FlexGrid.EventsSelection_Text1)
</p>
<p>
    @Html.Raw(Resources.C1FlexGrid.EventsSelection_Text2)
</p>
<p>
    @Html.Raw(Resources.C1FlexGrid.EventsSelection_Text3)
</p>
<div id="log">
    @Html.Raw(Resources.C1FlexGrid.EventsSelection_Text4)
</div>
@Html.C1().FlexGrid().Id("theGrid").Bind(Model).GroupBy("Country").Height(220)

Selection Events