or
<script id="gridEditTemplate" type="text/x-kendo-template"> Content here</script>@(Html.Kendo().Grid(Model.Amounts) .Name("MyGrid") .BindTo(Model.Amounts) .ToolBar(commands => commands.Create().Text("add")) .DataSource(dataSource => dataSource .Ajax() .Events(ev => ev.Change("onChange")) .Update("Update", "Special") .Destroy("Delete", "Special") .Create("Insert", "Special") .Model(model => { model.Id(p => p.ID); model.Field(p => p.Amount); model.Field(p => p.Type); }).ServerOperation(false)) .Columns(columns => { columns.Bound(p => p.Amount).Title("Amount"); columns.Bound(p => p.Type).Title("Type).Width(70); columns.Command(command => { command.Edit(); command.Destroy(); }).Width(160); }) .Editable(editable => editable.Mode(GridEditMode.PopUp).CreateAt(GridInsertRowPosition.Bottom).Window(w => w.Title("Amounts: "))))grid.bind("edit", function (e) { grid.cancelChanges(); window.location = '@Url.Action("AddEditCoalition","InputData",new{coalitionId=Model.CoalitionId})' + '&formId=' + e.model.Id;}function onEdit_HireBookingInvoiceDetail(e) {$.ajax({ url: "@Url.Action("GetHireJobList", "Hire")", data: {HireJobId: e.dataItem['HIRE_JOB_ID'] != null ? e.dataItem['HIRE_JOB_ID'] : 0}, dataType: "json", type: "POST", success: function (myData){ $(e.form).find("#HireJob").data("tDropDownList").dataBind(myData); $(e.form).find('#HireJob').data('tDropDownList').select(function (dataItem) { return dataItem.Value == e.dataItem['HIRE_JOB_ID']; }); } }); }