1. Home
  2. Forum
  3. Blazor
  4. Scheduler not showing any data in the grid - visible only in Agenda but non responsive

Scheduler not showing any data in the grid - visible only in Agenda but non responsive

Hi,

I also tried to work with the sample in the Getting Started section but I got the same problem as in this
thread:

https://www.syncfusion.com/forums/186542/scheduler-not-showing-any-data

I'm using InteractiveServer rendering and no data is displayed in the grid, only in Agenda view, but If I click on that event or anywhere in the grid, it is unresponsive.
Then I downloaded the sample you provided for that thread user 
(https://www.syncfusion.com/downloads/support/forum/186542/ze/BlazorServerNet8_(1)_aac46241).
And it works

Image_6559_1709368883961

Then I created a new project which I attached to this post, and added all necessary things (I hope) to the App.razor, _Imports.razor... as mentioned in Getting Started and by comparing your source code, and after I start the project I get:
Image_3162_1709369216484

Empty grid again, appointment only visible in Agenda section, but unresponsive, nothing happens when you click on it.
Image_2926_1709369314214

 I also noticed that I don't get a license warning, like in your sample (I do have a license but no key is added with Syncfusion Licensing).
This puzzles me because I can't even start a simple Getting Started and would like to know the reason why this is happening. I'm using Visual Studio :

Image_4985_1709369589259

I hope I explained everything and thanks for your time.

Best regards



Attachment: SyncSchedulerTest_708832b3.zip

3 Replies
RR Ram Raju Elaiyaperumal Syncfusion Team March 4, 2024 03:13 PM UTC

Dear Customer,

Thank you for reaching out with your query. We understand you're experiencing issues with the Syncfusion Scheduler not displaying any data.

Upon reviewing your sample, We noticed a couple of areas that may need your attention:

  1. In the App.razor file, you've mentioned InteractiveServer for the HeadOutlet. However, it should be @RenderMode.InteractiveServer. Please update it as follows:

<head>

    <meta charset="utf-8" />

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

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

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

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

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

    <link rel="icon" type="image/png" rel='nofollow' href="favicon.png" />

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

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

    <HeadOutlet @rendermode="@RenderMode.InteractiveServer" />

</head>

 

<body>

    <Routes @rendermode="@RenderMode.InteractiveServer" />

    <script src="_framework/blazor.web.js"></script>

   

</body>

       

  1. Regarding the script reference, you've referred to the script from Syncfusion.Blazor.Core:

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

 

However, it appears you've installed the Syncfusion.Blazor NuGet package. Therefore, please change the script reference to:

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

 

Alternatively, you can install the Syncfusion.Blazor.Core NuGet package.

 

For your convenience we have prepared a sample, Check on the attached sample for reference.

Addressing these issues should resolve the problem you're facing. If you have any further questions or need additional assistance, please don't hesitate to ask.

Regards,

Ram


Attachment: SyncSchedulerTest_708832b3_(2)_bf578356.zip

DF df March 5, 2024 05:30 AM UTC

Thank you, it works now.

 
I just copied
<script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>
from the Getting Started section and your sample, didn't pay too much attention to it.

For my mental clarity, I played a bit with this for future reference:

On my razor page, I had 

@page "/"

@using Syncfusion.Blazor.Schedule

@rendermode InteractiveServer

so I removed render mode from App.razor

  <HeadOutlet @rendermode="@RenderMode.InteractiveServer" />

to

  <HeadOutlet  />

and it works.

Regarding packages, yes I had Syncfusion.Blazor installed, instead of Syncfusion.Blazor,Schedule as per the Getting Started section so I installed right packages
Image_9159_1709616362426

and it looks now that  

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

this line can be

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

or

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

and somehow it works.

Thank you for your time and effort regarding my stupid mistake,




RR Ram Raju Elaiyaperumal Syncfusion Team March 6, 2024 06:15 AM UTC

Dear Customer,

We're glad to hear that the solution worked for you! If you have any more questions in the future, don't hesitate to ask.


Best regards,

Ram


Loader.
Up arrow icon