Blazor Server Side - UI not update[Answered] RSS

• • Reply
  UrielMhezzek

  Member

  11 Points

  32 Posts

  Blazor Server Side - UI not update

  Aug 20, 2019 10:54 PM|UrielMhezzek|LINK

  Hello,

  i  write a simple service class and want to show a loading spinner if the scout is running. 

  <button class="btn btn-primary" type="button" @onclick="@(() => service.Scout.Start())">
  @if (service.Scout.IsRunning)
  {
  <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
  <span>Loading...</span>
  }
  else
  {
  <span>Scout</span>
  }
  </button>

  <div> public class Scout</div> <div>  {</div> <div>         public bool IsRunning { get; set; }</div> <div>}</div>

  
  
  

• • Reply
  Rena Ni

  Contributor

  2700 Points

  874 Posts

  Re: Blazor Server Side - UI not update

  Aug 21, 2019 06:29 AM|Rena Ni|LINK

  Hi UrielMhezzek,

  Could you share your service.Scount.Start()?It seems to be a method?Here is a simple demo as below,it could show 'Loading' when the application starts and show 'Scout' when you click the button:

  1.Scount.cs

  public class Scout
  {
          public bool IsRunning { get; set; }
  }

  2.Test.razor

  @page "/test"
  @using BlazorServerSidetest2.Data
  <button class="btn btn-primary" type="button" @onclick="@IncrementCount">
      @if (scount.IsRunning)
      {
          <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
          <span>Loading...</span>
      }
      else
      {
          <span>Scout</span>
      }
  </button>
  @code {
     Scout scount = new Scout() { IsRunning = true };
  
      void IncrementCount()
      {
          scount.IsRunning = false;
      }
  }

  Best Regards,

  Rena

  .NET forums are moving to a new home on Microsoft Q&A, we encourage you to go to Microsoft Q&A for .NET for posting new questions and get involved today.
• • Reply
  UrielMhezzek

  Member

  11 Points

  32 Posts

  Re: Blazor Server Side - UI not update

  Aug 23, 2019 04:57 PM|UrielMhezzek|LINK

  I was able to solve the problem myself. Therefore I packed the problem into threads.