Pop-up Dialogs - C1 ASP.NET MVC

// This file locates: "Scripts/Lesson/C1Input/PopupDialogs.js".
c1.documentReady(function () {
    var theGrid = wijmo.Control.getControl('#theGrid');
    var theDialog = wijmo.Control.getControl('#theDialog');
 
    theGrid.itemsSource = getData();
 
    // use ctrl+Delete to delete the current row
    theGrid.hostElement.addEventListener('keydown', function (e) {
        var view = theGrid.collectionView;
 
        // looking for ctrl+Delete
        if (e.ctrlKey && e.keyCode == wijmo.Key.Delete && view.currentItem) {
 
            // prevent the grid from getting the key
            e.preventDefault();
 
            // confirm row deletion
            theDialog.show(true, function (sender) {
 
                // delete the row
                if (sender.dialogResult == 'wj-hide-ok') {
                    view.remove(view.currentItem);
                }
 
                // return focus to the grid
                theGrid.focus();
            });
        }
    }, true); // grab the event before the grid
 
    // generate some random data
    function getData() {
        var countries = 'US,Canada,Mexico,Germany,UK,France,Italy,Greece,Holland,Japan,Korea,China'.split(','),
        data = [];
        for (var i = 0; i < 1000; i++) {
            data.push({
                id: i,
                country: countries[i % countries.length],
                sales: Math.random() * 10000,
                expenses: Math.random() * 5000,
                active: i % 3 == 0
            });
        }
        return data;
    }
});

using System.Web.Mvc;
 
namespace LearnMvcClient.Controllers
{
    public partial class C1InputController : Controller
    {
        // GET: PopupDialogs
        public ActionResult PopupDialogs()
        {
            return View();
        }
    }
}

<h1>
    @Html.Raw(Resources.C1Input.PopupDialogs_Title)
</h1>
<p>
    @Html.Raw(Resources.C1Input.PopupDialogs_Text1)
</p>
<p>
    @Html.Raw(Resources.C1Input.PopupDialogs_Text2)
</p>
<ol>
    <li>
        @Html.Raw(Resources.C1Input.PopupDialogs_Text3) 
    </li>
    <li>
        @Html.Raw(Resources.C1Input.PopupDialogs_Text4)
    </li>
</ol>
 
<p>
    @Html.Raw(Resources.C1Input.PopupDialogs_Text5)
</p>
 
@Html.C1().FlexGrid().Id("theGrid").AllowAddNew(true).Height(300)
<div id="theDialog" style="display:none">
    <div class="wj-dialog-header">
        @Html.Raw(Resources.C1Input.PopupDialogs_Text6)
    </div>
    <div class="wj-dialog-body" tabindex="-1">
        @Html.Raw(Resources.C1Input.PopupDialogs_Text7)
    </div>
    <div class="wj-dialog-footer">
        <button class="btn btn-primary wj-hide-ok">@Resources.Resource.Btn_Yes</button>
        <button class="btn btn-default wj-hide">@Resources.Resource.Btn_No</button>
    </div>
</div>
@Html.C1().Popup("#theDialog")

Delete Rows with Ctrl+Delete