@model WebApplication1.Models.RegisterViewModel


@(Html.Kendo().Grid<WebApplication1.Models.ProductViewModel>()
    .Name("MyGrid")
    .Columns(columns =>
    {
        columns.Bound(p => p.ProductName).Width(300);
        columns.Bound(p => p.UnitPrice).Width(300);
        columns.Bound(p => p.UnitsOnOrder).Width(300);
        columns.Bound(p => p.UnitsInStock).Width(300);
        columns.Command(cmd => cmd.Edit());
    })
    .Pageable()
    .Navigatable()
    .Selectable(selectable =>
    {
        selectable.Mode(GridSelectionMode.Single);
        selectable.Type(GridSelectionType.Row);
    })
    .Events(ev => ev.Edit("doOnRowSelect"))
    .DataSource(dataSource => dataSource
        .Ajax()
        .Model(model => model.Id(p => p.ProductName))
        .Read(read => read.Action("Read", "Home"))
        .Create(update => update.Action("EditingPopup_Create", "Grid"))
        .Update(update => update.Action("EditingPopup_Update", "Grid"))
        .Destroy(update => update.Action("EditingPopup_Destroy", "Grid"))
    )
)


<script type="text/javascript">

    function doOnRowSelect(e) {

        var productName =  e.sender.dataItem(e.container).ProductName ;

        alert("The " + productName + " of the row which we are going to edit here....");

    }

</script>