OnActionComplete="OnActionCompleteHandler" gives a connection error when used in Rasor Components

[Frangoudes Panikos]

when I try to use  OnActionComplete as the example below the grid on loading gives the following connection error.

[2019-07-26T15:14:42.037Z] Error: Connection disconnected with error 'Error: Server returned an error on close: Connection closed with an error.'.

e.log @ blazor.server.js:1

         RowSelected="@RowSelectHandler" SelectedRowIndex="@selectedRowIndex"  OnActionComplete="@OnActionCompleteHandler"

         Toolbar="@(new List() { "Add", "Edit" , "Delete" , "Cancel" , "Update" })"

         OnActionBegin="OnActionBeginHandler" 

         Height="300">

   

    @**@

   

   

        @*

               

                   

                        ID

                   

               

            *@

       

       

       

   

SIGN IN To post a reply.

[Vignesh Natarajan]

Hi Frangoudes,  

Greetings from Syncfusion support.  

Query: “when I try to use  OnActionComplete as the example below the grid on loading gives the following connection error.” 

From your query we understand that your are facing issue while using OnActionComplete event in EjsGrid. We have validated the reported issue by preparing a sample using our latest version Nuget (17.2.35) and .Net Core 3.0 Proview 7 and we are not able to reproduce the reported issue at our end.  

But reported issue may occur in older version of our Nuget Package (17.2.30 and below). This error occur when there is no enough space to allocate the data sent from server to JS Interop. So to overcome the reported issue kindly upgrade to our latest version of Nuget package (17.2.35) 

If you are facing the reported issue in our latest version of Nuget, kindly get back to us with following details.  

1. Are you facing the issue during the initial rendering or during a certain action.?
2. Share your Nuget version and ensure you have referred latest version scrips and css files.
3. Share the grid rendering code example along with details of actions performed in OnActionComplete event.  
4.  If possible share the issue reproducible sample.

Regards, 

Vignesh Natarajan. 

[Frangoudes Panikos]

Hello Vignesh,

thank you very much for your reply.

As per your reply 

1. Are you facing the issue during the initial rendering or during a certain action.?

     I am facing the issue during initial rendering. No action is initiated.

2. I am using the version syncfusion.ej2.blazor\17.2.0.35-beta.

     Is 17.2.35 the same  as 17.2.0.35-beta.?

     I can not find version 17.2.35

3.Share the grid rendering code example along with details of actions performed in OnActionComplete event. 

         RowSelected="@RowSelectHandler" SelectedRowIndex="@selectedRowIndex"  
         Toolbar="@(new List() { "Add", "Edit" , "Delete" , "Cancel" , "Update" })"
         OnActionBegin="OnActionBeginHandler" OnActionComplete="OnActionCompleteHandler"
         Height="300">
   

    

   
   
       

       
       
       

        
   

......

        public void OnActionCompleteHandler(ActionEventArgs args)
        {
           

        }
......

Best regards

Panikos Frangoudes

[Vignesh Natarajan]

Hi Frangoudes, 

 

Thanks for your update. 

 

Based on the provided details, we have prepared a sample. We could not reproduce the reported problem at our end. Please find the below code example and sample for your reference. 

 

[code example] 

... 

 

<EjsGrid DataSource="@Orders" AllowPaging="true" Toolbar="@(new List<string>() { "Add", "Edit", "Delete", "Cancel", "Update" })" RowSelected="@RowSelectHandler" OnActionComplete="@ActionCompletedHandler" OnActionBegin="@ActionBeginHandler"> 

    <GridEditSettings AllowAdding="true" AllowEditing="true" AllowDeleting="true" Mode="EditMode.Normal"></GridEditSettings> 

    <GridColumns> 

        ... 

   </GridColumns> 

</EjsGrid> 

 

@code{ 

    public List<Order> Orders { get; set; } 

 

public void ActionBeginHandler(ActionEventArgs args) 

    { 

        // Here you can customize your code 

    } 

 

public void ActionCompletedHandler(ActionEventArgs args) 

    { 

        // Here you can customize your code 

    } 

 

public void RowSelectHandler(RowSelectEventArgs args) 

    { 

        // Here you can customize your code 

    } 

 

    ... 

} 

 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/BlazorSample1709991931  

 

Note: We have created the above sample with latest NuGet version(17.2.0.35) and latest source(17.2.35). 

 

Also, please ensure that you have used generic version of scripts in your application as like below. 

 

[_Host.cshtml] 

... 

    <environment include="Development"> 

        <link rel="stylesheet" rel='nofollow' href="css/bootstrap/bootstrap.min.css" /> 

        <link rel='nofollow' href="https://cdn.syncfusion.com/ej2/17.2.35/fabric.css" rel="stylesheet" /> 

        <script src="https://cdn.syncfusion.com/ej2/17.2.35/dist/ej2.min.js"></script> 

        <script src="https://cdn.syncfusion.com/ej2/17.2.35/dist/ejs.interop.min.js"></script> 

    </environment> 

    ... 

 

If you are still facing the same problem, could you please share the below details. It will be helpful to provide a better solution. 

 

• Share Essential Studio JS2 package version details along with details regarding your script and css files..
• Reproduce the reported problem in the provided sample.

 

Regards, 

Vignesh Natarajan.