After upgrading to ver 20.1.0.47 sfgrid not shown data

Please help

I just update to 20.1.0.47 for my blazor wasm project and 

1) sfgrid not show any data.

2) scheduler not shown toolbar

3) tree grid

show this errorMicrosoft.JSInterop.JSException: Could not find 'sfBlazor.TreeGrid.modelChanged' ('sfBlazor' was undefined).

Error: Could not find 'sfBlazor.TreeGrid.modelChanged' ('sfBlazor' was undefined).

    at https://localhost:44339/_framework/blazor.webassembly.js:1:328

    at Array.forEach (<anonymous>)

    at a.findFunction (https://localhost:44339/_framework/blazor.webassembly.js:1:296)

    at _ (https://localhost:44339/_framework/blazor.webassembly.js:1:2437)

    at https://localhost:44339/_framework/blazor.webassembly.js:1:3325

    at new Promise (<anonymous>)

    at Object.beginInvokeJSFromDotNet (https://localhost:44339/_framework/blazor.webassembly.js:1:3306)

    at Object.St [as invokeJSFromDotNet] (https://localhost:44339/_framework/blazor.webassembly.js:1:59853)

    at _mono_wasm_invoke_js_blazor (https://localhost:44339/_framework/dotnet.6.0.3.k4rg04dpep.js:1:194973)

    at wasm://wasm/00970a1e:wasm-function[219]:0x1a0fa


4 Replies

JL jose luis barajas April 5, 2022 06:03 PM UTC

Update #1

After clean browser cache and test again

css styles not load correctly

Check my attached images please!

this is my head section in my index.html

<head>

    <meta charset="utf-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <title>Web</title>

    <base rel='nofollow' href="/" />

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

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

    <link rel='nofollow' href="Web.Client.styles.css" rel="stylesheet" />

    <link rel="stylesheet" rel='nofollow' href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">

    <link rel="stylesheet" rel='nofollow' href="https://use.fontawesome.com/releases/v5.12.0/css/all.css">


    <link rel='nofollow' href="_content/Blazorise/blazorise.css" rel="stylesheet" />

    <link rel='nofollow' href="_content/Blazorise.Bootstrap/blazorise.bootstrap.css" rel="stylesheet" />


    <link rel='nofollow' href="_content/Syncfusion.Blazor.Themes/fabric.css" rel="stylesheet" />

    <script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>



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

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

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


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


    <link rel="stylesheet" rel='nofollow' href="_content/Radzen.Blazor/css/default-base.css">

    <script src="_content/Radzen.Blazor/Radzen.Blazor.js"></script>


    <script src="_content/BlazorAnimate/blazorAnimateInterop.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.20/lodash.min.js" integrity="sha512-90vH1Z83AJY9DmlWa8WkjkV79yfS2n2Oxhsi2dZbIv0nC4E6m5AbH8Nh156kkM7JePmqD6tcZsfad1ueoaovww==" crossorigin="anonymous"></script>

    <link rel='nofollow' href="Web.Client.styles.css" rel="stylesheet"/>

</head>



Attachment: errors_86ac0089.rar


MS Monisha Saravanan Syncfusion Team April 6, 2022 02:59 PM UTC

Hi Jose,


Greetings from Syncfusion support.


We have checked your query and we would like to inform that we have included changes in loading scripts and styles in our latest version. You can use any one of the below method to load styles and scripts externally. We have prepared an sample using WASM. Kindly check the attached sample.


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


Also kindly refer the below ways for your additional information.



  1. CDN
Scripts- https://blazor.syncfusion.com/documentation/common/adding-script-references#cdn-reference
Styles - https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference

 

  1. Static Web Assets

Scripts - https://blazor.syncfusion.com/documentation/common/adding-script-references#static-web-assets

 

Styles - https://www.nuget.org/packages/Syncfusion.Blazor.Themes/


Also refer the below release notes for your additional information.


Reference: https://blazor.syncfusion.com/documentation/release-notes/20.1.47?type=all#common


Regards,

Monisha



JL jose luis barajas April 7, 2022 03:54 PM UTC

Hi  Monisha 

Thanks a lot!, its working fine



MS Monisha Saravanan Syncfusion Team April 8, 2022 03:26 AM UTC

Hi Jose,


Welcome.


Kindly get back to us if you have further queries. As always we will be happy to assist you.


Regards,

Monisha


Loader.
Up arrow icon