Dialog giving error on page refresh 18.1.42

When SfGrid and SfDialog is palced on same page, on page refresh following error occurs.

syncfusion-blazor.min.js:1

Uncaught TypeError: Super expression must either be null or a function
    at e.exports (syncfusion-blazor.min.js:1)
    at syncfusion-blazor.min.js:1
    at Object.initBlazorAdaptor (syncfusion-blazor.min.js:1)
    at Object.initComponent (syncfusion-blazor.min.js:1)
    at syncfusion-blazor.min.js:1
    at syncfusion-blazor.min.js:1

13 Replies

IS Indrajith Srinivasan Syncfusion Team April 6, 2020 12:39 PM UTC

Hi Ashimaz, 
 
Greetings from Syncfusion support, 
 
We have validated the reported query and able to reproduce the reported issue from our end. We will validate further on this query and update you with more details in two business days by 8th April. 
 
Regards, 
Indrajith 



AS ashimaz April 7, 2020 08:17 AM UTC

Hi,

Page refresh error occurring for spinner demo also.

https://blazor.syncfusion.com/demos/spinner/default-functionalities/


VM881 syncfusion-blazor.min.js:1 
Cannot read property 'blazorSpinner' of undefined TypeError: Cannot read property 'blazorSpinner' of undefined
    at Object.spinnerUtility (https://localhost:5001/_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js:1:172902)
    at https://localhost:5001/_framework/blazor.server.js:8:31421
    at new Promise ()
    at e.beginInvokeJSFromDotNet (https://localhost:5001/_framework/blazor.server.js:8:31390)
    at https://localhost:5001/_framework/blazor.server.js:1:19202
    at Array.forEach ()
    at e.invokeClientMethod (https://localhost:5001/_framework/blazor.server.js:1:19173)
    at e.processIncomingData (https://localhost:5001/_framework/blazor.server.js:1:17165)
    at e.connection.onreceive (https://localhost:5001/_framework/blazor.server.js:1:10276)
    at WebSocket.i.onmessage (https://localhost:5001/_framework/blazor.server.js:1:38091)


PM Pandiyaraj Muniyandi Syncfusion Team April 8, 2020 04:18 PM UTC

Hi Ashimaz, 
 
Sorry for the inconvenience caused. 
 
#1: Page refresh error occurring for spinner demo also. 
 
We have resolved the spinner component issue and included in the fix in a yesterday patch release (v18.1.0.43). 
  
 
#2: When SfGrid and SfDialog are placed on the same page, on page refresh following error occurs. 
 
Currently, we’re validating the issue with high priority, will update the further details on before 10th April. We appreciate your patience until then. 
 
Regards, 
Pandiyaraj 



AS ashimaz April 8, 2020 04:31 PM UTC

Thank you. I am testing 18.1.0.43.


PM Pandiyaraj Muniyandi Syncfusion Team April 9, 2020 01:23 PM UTC

Hi Ashimaz, 
 
We were able to reproduce the issue “Exception thrown while a refreshing page with data components” and we confirm this as a bug and logged a defect report. The fix will be available in our upcoming weekly patch release which is scheduled to be rolled out at April 14, 2020. You can keep track of the bug from the feedback link  
  
Regards, 
Pandiyaraj 



IS Indrajith Srinivasan Syncfusion Team April 16, 2020 02:03 PM UTC

Hi Ashimaz,

Thanks for your patience,

We have resolved the issue “Exception thrown while a refreshing page with data componentswith SfDialog and SfGrid rendered in a page and the fix is available with the Nuget package version 18.1.44.

Can you please upgrade the package to this version to resolve the issue from your end?

Regards,
 
Indrajith 



AS ashimaz April 16, 2020 02:07 PM UTC

Working fine with 18.1.44, thank you.


IS Indrajith Srinivasan Syncfusion Team April 17, 2020 05:23 AM UTC

Hi Ashimaz,

We are glad that your reported issue is resolved. Please let us know, if need any further assistance.

Regards,
Indrajith


NC NKOUAMBIA CHIMENE May 28, 2020 07:57 PM UTC

Hello Team!

sometimes I have this errors when loading pages contains SfDialogBox and MultiSelect Combobox(6 of them), is there any explanation?


Thanks,
Chimène Nk.


AS ashimaz May 29, 2020 04:59 AM UTC

If your data binding combo-box to non null-able value, populate data before rendering combo-box.


PM Pandiyaraj Muniyandi Syncfusion Team May 29, 2020 11:33 AM UTC

Hi Chimène / Ashimaz, 
 
Good day to you. 
 
#1: sometimes I have this errors when loading pages contains SfDialogBox and MultiSelect Combobox(6 of them), is there any explanation? 
 
We have validated the reported issue, unfortunately we couldn’t reproduce the issue from our end. 
 
Could you provide the following details, which help us to provide the solution at earliest 
 
  1. Sample code blocks
  2. NuGet version which used in your application
  3. Whether you’re using Server side application or WebAssembly application 
  4. If possible share the issue reproducing sample project
 
#2: If your data binding combo-box to non null-able value, populate data before rendering combo-box. 
 
We need to provide the TValue as nullable. Because we can delete the value using clear button. At that time, the value becomes null. To handle that case, we have provided the TValue as nullable. Kindly refer to the below code,    
    
   
<SfComboBox TItem="Countries" TValue="int?" Placeholder="e.g. Australia"Value="@ComboVal" DataSource="@Country">  
    <ComboBoxFieldSettings Value="Name"></ComboBoxFieldSettings>  
</SfComboBox>  
 
Also provide the field’s value property type also nullable.   
   
 
public class Countries  
    {  
        public string Name { get; set; }  
  
        public int? Code { get; set; }  
    }   
   
   
If you have not defined the TValue as nullable, the error will be thrown into the console.  
 
Regards, 
Pandiyaraj  



NC NKOUAMBIA CHIMENE May 29, 2020 09:21 PM UTC

Hello Team!

i'm using blazor server side with syncfusion 18.1.0.52
this is my combobox Code
<SfMultiSelect  @ref="_cbbObjSite" Width="300px" ID="IdSiteSecteur" Placeholder="Sites" TValue="string[]" ModelType="@_filterTemplate" Mode="VisualMode.CheckBox" ShowSelectAll=true ShowDropDownIcon=true SelectAllText="Sélectionner tout" UnSelectAllText="Désélectionner tout" AllowFiltering=true IgnoreAccent=true DataSource="@FilterDatasource">
<MultiSelectEvents TValue="string[]" ValueChange="OnChange"></MultiSelectEvents>
<MultiSelectFieldSettings Text="FilterLabel" Value="FilterId"></MultiSelectFieldSettings>
</SfMultiSelect>

public class FilterTemplate
{
    public int FilterId { get; set; }
    public string FilterName { get; set; }
    public string FilterLabel { get; set; }
}

private SfMultiSelect<string[]> _cbbObjSite;

private List<FilterTemplate> FilterDatasource = new List<FilterTemplate>();

private async Task OnChange(MultiSelectChangeEventArgs<string[]> args)
    {
        UpdateFilterItems(args.Element.ID, args.Value);

        /////////
    }

Thanks,
Chimène Nk.


SN Sevvandhi Nagulan Syncfusion Team June 1, 2020 07:26 AM UTC

Hi ashimaz, 


We checked the shared code snippet. You used the ModelType property in the code given. But you didn't use the MultiSelectTemplate. The ModelType property is used when you use the template in your application. If you have not used a prototype, remove the property. Also, you add the value of the field to int. If the property class value is int, then TValue must also be int[]. So, make these changes to the application and check whether or not the same issue occurs. Please refer to the below code, 

SfMultiSelect @ref="_cbbObjSite" Width="300px" ID="IdSiteSecteur" Placeholder="Sites" TValue="int[]" Mode="VisualMode.CheckBox" ShowSelectAll=true ShowDropDownIcon=true SelectAllText="Sélectionner tout" UnSelectAllText="Désélectionner tout" AllowFiltering=true IgnoreAccent=true DataSource="@FilterDatasource"> 
    <MultiSelectEvents TValue="int[]" ValueChange="OnChange"></MultiSelectEvents> 
    <MultiSelectFieldSettings Text="FilterLabel" Value="FilterId"></MultiSelectFieldSettings> 
</SfMultiSelect> 
 
 
@code { 
    public class FilterTemplate 
    { 
        public int FilterId { get; set; } 
        public string FilterName { get; set; } 
        public string FilterLabel { get; set; } 
    } 
 
    private SfMultiSelect<int[]> 
        _cbbObjSite; 
 
    private List<FilterTemplate> FilterDatasource = new List<FilterTemplate>() 
{ 
        new FilterTemplate(){ FilterId= 1, FilterLabel= "American Football" }, 
        new FilterTemplate(){ FilterId= 2, FilterLabel= "Badminton" }, 
        new FilterTemplate(){ FilterId= 3, FilterLabel= "Basketball" }, 
        new FilterTemplate(){ FilterId= 4, FilterLabel= "Cricket" }, 
         
    }; 
 
    private async Task OnChange(MultiSelectChangeEventArgs<int[]> args) 
    { 
        // UpdateFilterItems(args.Element.ID, args.Value); 
 
 
    } 
} 






If still issue persists, please modify the above sample to replicate the issue. 


Regards, 
Sevvandhi N 


Loader.
Up arrow icon