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

  2500 Points

  816 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

  MSDN Community Support
  Please remember to click "Mark as Answer" the responses that resolved your issue.
  If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.
• • 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.