Error - Cannot read properties of undefined (reading 'result'
Hello. I have the following problem:
If I press "Add" followed by "Cancel" this error in console.log appears.
Controller Data Source:
[HttpPost]
public ActionResult HierarchyResourcePermissionsDataSource(DataManager dm)
{
if (dm.Take == 0) dm.Take = 20;
var orderBy = DataManagerHelper.OrderBy(dm);
var whereConditions = DataManagerHelper.WhereConditions(dm);
var procedureName = "GetHierarchyResourcePermissions";
var dt = DataManagerHelper.GetDataFromProcedure(procedureName,
whereConditions, orderBy, dm.Skip, dm.Take, this.GetExtraParameters());
var count = this.GetCount(procedureName, whereConditions,dm.Skip, this.GetExtraParameters());
IEnumerable data = Utils.DataTableToJson(dt);
return this.Json(new {result = data, count});
}
Index.cshtml Grid:
@(Html.EJS().Grid<HierarchyResourcePermission>
("HierarchyResourcePermissionsGrid")
.DataSource(datasource => datasource.Url(Url.Action("HierarchyResourcePermissionsDataSource", "HierarchyPermission")).Adaptor("UrlAdaptor"))
.Locale(CultureHelper.GetCurrentCultureEntireName())
.EditSettings(edit => edit.AllowAdding(true).AllowDeleting(true).AllowEditing(true))
.ActionComplete("actionComplete")
//.ClientSideEvents(eve => eve.EndEdit("endAddOrEdit").EndAdd("endAddOrEdit").EndDelete("endDelete").ActionComplete("startEventResource"))
//.EnablePersistence(true)
.Toolbar(new List<string>()
{
"Add",
"Edit",
"Update",
"Cancel",
"Delete"})
.AllowSorting()
.AllowFiltering()
.AllowPaging()
.PageSettings(page => page.PageSize(20).PageCount(this.Request.IsMobileLayout() ? 2 : 8))
.AllowResizing()
.Columns(col =>
{
col.Field("Id").IsPrimaryKey(true).Visible(false).Add();
col.Field("ResourceLabel").HeaderText(Translations.Get("Resource")).Add();//.ValidationRules(new { required = true }).Add();
col.Field("ResourceTypeName").HeaderText(Translations.Get("ResourceType")).AllowEditing(false).Add();
col.Field("UserName").HeaderText(Translations.Get("User")).Add();//.ValidationRules(new { required = true }).Add();
col.Field("RoleName").HeaderText(Translations.Get("Role")).AllowEditing(false).Add();
col.Field("OrgChartName").HeaderText(Translations.Get("OrganizationChart")).AllowEditing(false).Add();
}).Render())
Index.js:
function actionComplete(args) {
if (args.requestType === "save") {
endAddOrEdit(args);
} else if (args.requestType === "delete") {
endDelete(args);
} else if ((args.requestType === "beginedit" || args.requestType === "add")) {
var gridObj = document.getElementById
("HierarchyResourcePermissionsGrid").ej2_instances[0];
// Autocomplete resurse
var autoCompleteResourceLabel = new ej.dropdowns.AutoComplete({
dataSource: window.dataManagerResource,
fields: { "text": "value", "key": "id" },
width: "100%",
emptyResultText: window.noResultMessage,
value: args.rowData.Value,
select: function (argument) {
document.getElementById("HierarchyResourcePermissionsGridResourceLabel").value = argument.item.label;
document.getElementById("HierarchyResourcePermissionsGridResourceTypeName").value = argument.item.resourceTypeName;
}
});
var autoCompleteUserName = new ej.dropdowns.AutoComplete({
dataSource: window.dataManagerUser,
fields: { "text": "value", "key": "id" },
width: "100%",
autoFill: false,
emptyResultText: window.noResultMessage,
value: args.rowData.Value,
select: function (argument) {
console.log(argument.itemData.name);
document.getElementById("HierarchyResourcePermissionsGridUserName").value = argument.itemData.name;
document.getElementById("HierarchyResourcePermissionsGridRoleName").value = argument.itemData.role;
document.getElementById("HierarchyResourcePermissionsGridOrgChartName").value = argument.itemData.orgchart;
}
});
autoCompleteResourceLabel.appendTo("#HierarchyResourcePermissionsGridResourceLabel");
autoCompleteUserName.appendTo("#HierarchyResourcePermissionsGridUserName");
