This is not working for me. I also tried to follow your example in the guide and when I put the ActionBecgin part in my grid it returns a blank page with this error in the javascript browser.
Here is my code:
<div class="inventoryGrid">
@Html.EJS().Grid("InventoryGrid").DataSource(DataManager => { DataManager.Json(@Model.Inventory.ToArray()).InsertUrl("/Home/AddInventoryItem").UpdateUrl("/Home/UpdateInventoryItem").Adaptor("RemoteSaveAdaptor"); }).AllowFiltering(true).AllowSorting(true).ActionBegin("actionBegin").Columns(col =>
{
col.Field("InventoryID").HeaderText("Id").IsPrimaryKey(true).IsIdentity(true).AllowEditing(false).Width("40").Add();
col.Field("HECNumber").HeaderText("HEC Number").Width("50").Visible(false).Add();
}).AllowPaging(true).FilterSettings(filter => filter.Columns(filterColumns)).SortSettings(sort => sort.Columns(sortColumns)).PageSettings(page => page.PageSize(15)).EditSettings(edit => { edit.AllowAdding(true).AllowEditing(true).AllowDeleting(true).Mode(Syncfusion.EJ2.Grids.EditMode.Dialog); }).Toolbar(new List<string>() { "Add", "Edit" }).Render()
</div>
@Html.EJS().ScriptManager()
<script type="text/javascript">
var fields = [];
function actionBegin(args) {
if (args.requestType == "beginEdit" || args.requestType == "add") {
for (var i = 0; i < this.columns.length; i++) {
if (!this.columns[i].visible) {
fields.push(this.columns[i].field);
this.columns[i].visible = true;
}
}
}
if (args.requestType == "save" || args.requestType == "cancel") {
for (var i = 0; i < this.columns.length; i++) {
for (var j = 0; j < fields.length; j++) {
if (this.columns[i].field == fields[j]) {
this.columns[i].visible = false;
}
}
}
}
}
