Estoy trabajando en una cuadrícula EJ2 y tengo una opción Editar y Eliminar. Con la cuadrícula EJ pasando el campo Id funcionó sin problemas con onClick. Lo mismo no funciona con EJ2 Grid.

 var grid = new ej.grids.Grid({ dataSource: @Html.Raw(JsonConvert.SerializeObject((Model), new JavaScriptDateTimeConverter())), allowExcelExport: true, allowPdfExport: true, toolbar: ['ExcelExport', 'PdfExport', 'CsvExport'], allowSelection: true, allowFiltering: true, allowSorting: true, //allowPaging: true, allowNumberFormatting: true, enableVirtualization: true, filterSettings: { type: 'Excel' }, selectionSettings: { persistSelection: true, type: "Multiple", checkboxOnly: true }, enableHover: false, enableHeaderFocus: true, height: 600, rowHeight: 38, columns: [ { field: "Id", visible: false, allowEditing: false }, { field: "Name", headerText: "Name", width: 100 }, { field: "ElectionDate", headerText: "ElectionDate", width: 80, format: "MM/dd/yyyy"}, { field: "RegistrationClose", headerText: "Registration Close", width: 80, format: "MM/dd/yyyy", }, { field: "RegularAbsenteeStart", headerText: "Absentee Start", width: 80, format: "MM/dd/yyyy"}, { field: "EarlyVotingStart", headerText: "Early Voting Start", width: 80, format: "MM/dd/yyyy"}, { field: "GraceVotingStart", headerText: "Grace Voting Start", width: 80, format: "MM/dd/yyyy",}, { field: "ElectionTypeName", headerText: "ElectionType", width: 110, }, { field: "Active", headerText: "Active", width: 70 }, { headerText: "", template: '<a href="#" onclick="Edit({{:Id}})">Edit</a>', width: 40, textAlign: "center" }, { headerText: "", template: '<a href="#" data-url="@Url.Action("Delete")/{{:Id}}" data-name="{{:Name}}" data-toggle="modal" data-target="#confirmModal">Delete</a>', width: 40, textAlign: "center" }, ], //pageSettings: { pageSizes: true, pageSize: 8 } }); grid.appendTo("#dataGrid_EJ2");