actionFailure missing args

[Lucian Calin]

Hi,

The args.error[0].error in actionFailure returns  "Error at https://localhost:44312/js/ej2/ej2.min.js:1:763649" instead of actual error from controller.

[Controller]

public ActionResult Insert([FromBody] CRUDModel<Network> value)
{
        if (_context.Networks.Any(x => x.Name == value.Value.Name))

        {
            Exception ex = new Exception("Network exists!");
            throw ex;
        }
...

[View]

...
            <ejs-grid id="Grid" dataSource="@ViewBag.DataSource" actionBegin="actionBegin" actionComplete="actionComplete" actionFailure="actionFailure" allowFiltering="true" allowSorting="true" allowPaging="true" allowExcelExport="true" allowPdfExport="true" toolbarClick="toolbarClick"
                      toolbar="@(new List<string>() { "Add", "Edit", "Cancel", "Update", "ExcelExport", "PdfExport", "CsvExport" })">
                <e-grid-pagesettings pageSize="15"></e-grid-pagesettings>
                <e-data-manager adaptor="UrlAdaptor" url="@Url.Action("UrlDatasource", "Networks")" insertUrl="/Networks/Insert" updateUrl="/Networks/Update"></e-data-manager>
                <e-grid-editSettings allowAdding="true" allowDeleting="false" allowEditing="true" mode="Dialog" template='#dialogtemplate'></e-grid-editSettings>
                <e-grid-loadingIndicator indicatorType="Spinner"></e-grid-loadingIndicator>
                <e-grid-filtersettings type="CheckBox"></e-grid-filtersettings>
                <e-grid-columns>
                    <e-grid-column field="NetworkId" headerText="ID" type="number" visible="false" width="25" isPrimaryKey="true"></e-grid-column>
                    <e-grid-column field="Name" headerText="Name" type="string" allowFiltering="true" allowSorting="true" width="120"></e-grid-column>
                </e-grid-columns>
            </ejs-grid>

..

[Joseph Christ Nithin Issack]

Hi Lucian,

  Greetings from Syncfusion support.

We are glad to announce that we have included we have included the fix for “In actionFailure, failure message is not sent properly in latest version” in the latest version 23.1.41. We suspect you are using a older version of the EJ2, hence we suggest you to update to the latest version. To obtain a custom error message from the server-side within the actionFailure event argument during a fetch operation, use the text() method within the await statement to retrieve the custom error message from the server side. Please refer the below code example and sample for more information.

 

 

<script>

    async function actionFailure(args) {

        if (args && args.error && args.error[0] && args.error[0].error) {

            try {

                const response = await args.error[0].error.text();

                const errorMessage = response.split("Exception:")[1].split('\n')[0].slice(1);

               alert(errorMessage);

            } catch (error) {

                console.error("Error reading the error message: " + error);

            }

        }

    }

</script>

 

Regards,

Joseph I.

[Lucian Calin]

Dear Joseph,

Thank you for your reply!

I am using Syncfusion.EJ2.AspNet.Core version 23.1.44.

How can I update the ej2.min.js? It looks that it doesn't update automatically.

Best regards,

Lucian

[Joseph Christ Nithin Issack]

Hi Lucian,

  Based on your query, you want to update the ej2.min.js file in your application. Please refer the below documentation where we have provided details on how to update the cdn link of the ej2.min.js file.

  Documentation: https://ej2.syncfusion.com/aspnetcore/documentation/grid/getting-started-core#add-stylesheet-and-script-resources

  You can also refer the below documentation on details of how to update the script using different approaches if you are not using the cdn link.

Documentation: https://ej2.syncfusion.com/aspnetcore/documentation/common/adding-script-references

[Lucian Calin]

Hi,

Unfortunately, it didn't solve the issue "actionFailure missing args".

Do I miss something? What else 

[Joseph Christ Nithin Issack]

Hi Lucian,

  Before proceeding with the solution, kindly share the below details.

• Complete grid rendering code.

• A Simple sample that demonstrates the issue you are experiencing.

• A video demo of the requirement.

• Screenshot of the console window, if any script error is thrown.

• Screenshot of the network tab details of the request.

• Syncfusion package version you are using.

[John Taylor]

Hi Joseph,

I'm having the same problem.

I am using version 23.1.44. When I throw an exception in the Controller, I cannot catch the custom  error message in ActionFailure either. I added args below. ( for function actionFailure(args) )

{error: Array(1), name: 'actionFailure'}

1. 
   
1. error: Array(1)
1. 0:
1. error: Response
1. body: ReadableStream
1. locked: false
2. [[Prototype]]: ReadableStream
1. cancel: ƒ cancel()
2. getReader: ƒ getReader()
3. locked: (...)
4. pipeThrough: ƒ pipeThrough()
5. pipeTo: ƒ pipeTo()
6. tee: ƒ tee()
7. constructor: ƒ ReadableStream()
8. Symbol(Symbol.toStringTag): "ReadableStream"
9. get locked: ƒ locked()
10. [[Prototype]]: Object
2. bodyUsed: false
3. headers: Headers
1. [[Prototype]]: Headers
4. ok: false
5. redirected: false
6. status: 500
7. statusText: ""
8. type: "basic"
9. url: "https://localhost:44301/ClientOutgoingPayment/PayClientExpenseByBankAccountTransaction"
10. [[Prototype]]: Response
1. arrayBuffer: ƒ arrayBuffer()
2. blob: ƒ blob()
3. body: (...)
4. bodyUsed: (...)
5. clone: ƒ clone()
6. formData: ƒ formData()
7. headers: (...)
8. json: ƒ json()
9. ok: (...)
10. redirected: (...)
11. status: (...)
12. statusText: (...)
13. text: ƒ text()
1. length: 0
2. name: "text"
3. arguments: [Exception: TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them at Function.invokeGetter (<anonymous>:3:28) at t.actionFailure (https://localhost:44301/ClientOutgoingPayment/ExpensePaymentWithBank:326:9) at e.notify (https://cdn.syncfusion.com/ej2/23.1.44/dist/ej2.min.js:10:744794) at e.trigger (https://cdn.syncfusion.com/ej2/23.1.44/dist/ej2.min.js:10:774450) at e.editFailure (https://cdn.syncfusion.com/ej2/23.1.44/dist/ej2.min.js:10:9701107) at e.edFail (https://cdn.syncfusion.com/ej2/23.1.44/dist/ej2.min.js:10:9697843) at https://cdn.syncfusion.com/ej2/23.1.44/dist/ej2.min.js:10:9697711]
4. caller: (...)
5. [[Prototype]]: ƒ ()
6. [[Scopes]]: Scopes[0]
14. type: (...)
15. url: (...)
16. constructor: ƒ Response()
17. Symbol(Symbol.toStringTag): "Response"
18. get body: ƒ body()
19. get bodyUsed: ƒ bodyUsed()
20. get headers: ƒ headers()
21. get ok: ƒ ok()
22. get redirected: ƒ redirected()
23. get status: ƒ status()
24. get statusText: ƒ statusText()
25. get type: ƒ type()
26. get url: ƒ url()
27. [[Prototype]]: Object
2. [[Prototype]]: Object
1. constructor: ƒ Object()
2. hasOwnProperty: ƒ hasOwnProperty()
3. isPrototypeOf: ƒ isPrototypeOf()
4. propertyIsEnumerable: ƒ propertyIsEnumerable()
5. toLocaleString: ƒ toLocaleString()
6. toString: ƒ toString()
7. valueOf: ƒ valueOf()
8. __defineGetter__: ƒ __defineGetter__()
9. __defineSetter__: ƒ __defineSetter__()
10. __lookupGetter__: ƒ __lookupGetter__()
11. __lookupSetter__: ƒ __lookupSetter__()
12. __proto__: (...)
13. get __proto__: ƒ __proto__()
14. set __proto__: ƒ __proto__()
2. length: 1
3. [[Prototype]]: Array(0)
1. at: ƒ at()
2. concat: ƒ concat()
3. constructor: ƒ Array()
4. copyWithin: ƒ copyWithin()
5. entries: ƒ entries()
6. every: ƒ every()
7. fill: ƒ fill()
8. filter: ƒ filter()
9. find: ƒ find()
10. findIndex: ƒ findIndex()
11. findLast: ƒ findLast()
12. findLastIndex: ƒ findLastIndex()
13. flat: ƒ flat()
14. flatMap: ƒ flatMap()
15. forEach: ƒ forEach()
16. includes: ƒ includes()
17. indexOf: ƒ indexOf()
18. join: ƒ join()
19. keys: ƒ keys()
20. lastIndexOf: ƒ lastIndexOf()
21. length: 0
22. map: ƒ map()
23. pop: ƒ pop()
24. push: ƒ push()
25. reduce: ƒ reduce()
26. reduceRight: ƒ reduceRight()
27. reverse: ƒ reverse()
28. shift: ƒ shift()
29. slice: ƒ slice()
30. some: ƒ some()
31. sort: ƒ sort()
32. splice: ƒ splice()
33. toLocaleString: ƒ toLocaleString()
34. toReversed: ƒ toReversed()
35. toSorted: ƒ toSorted()
36. toSpliced: ƒ toSpliced()
37. toString: ƒ toString()
38. unshift: ƒ unshift()
39. values: ƒ values()
40. with: ƒ with()
41. Symbol(Symbol.iterator): ƒ values()
42. Symbol(Symbol.unscopables): {at: true, copyWithin: true, entries: true, fill: true, find: true, …}
43. [[Prototype]]: Object
2. name: "actionFailure"
3. [[Prototype]]: Object

[Joseph Christ Nithin Issack]

Hi John,

Greetings from Syncfusion support

We understand that you've noticed a change in the behavior of the actionFailure event in the latest version of our product. I'd like to clarify that in the older version, we indeed utilized XMLHttpRequest for the AJAX operation. However, in our latest version, we have transitioned to using the fetch operation. As a result, you won't find XMLHttpRequest when using the fetch operation.

To obtain a custom error message from the server-side within the actionFailure event argument during a fetch operation, you can make use of the text() method within the await statement to retrieve the custom error message from the server side.  Please refer the code snippet for more information.

 

<script>

    async function actionFailure(args) { //actionFailure event of Grid

        if (args && args.error && args.error[0] && args.error[0].error) {

            try {

                const response = await args.error[0].error.text();

                const errorMessage = response.split("Exception:")[1].split('\n')[0].slice(1);

                alert(errorMessage);

            } catch (error) {

                console.error("Error reading the error message: " + error);

            }

        }

    }

</script>

 

Regards,

Joseph I.

[John Taylor]

Thanks it work

[Joseph Christ Nithin Issack]

Hi John,

  We are glad that the provided solution worked at your end.