Show Menu
Cheatography

Blazor Cheat Sheet by

Blazor Cheat Sheet Blazor Cheat Sheet

Cascading Parameters

<CascadingValue Name="FirstOption" Value=@FirstOptionValue>
  <CascadingValue Name="SecondOption" Value=@SecondOptionValue>
    <FirstLevelComponent />
  </CascadingValue>
</CascadingValue>

@code {
  [CascadingParameter(Name="FirstOption")]
  private bool FirstOption { get; set; }

  [CascadingParameter(Name="SecondOption")]
  private bool SecondOption { get; set; }
}

OnPara­met­erSet

Dans le cycle de vide de OnParameterSet : est exécué dans l'ordre SetParameterAsync

code
public override Task SetParametersAsync(ParameterView parameters) { }

Routing

Route (cumul­ative)
@page "­/"
@page "­/gr­eet­ing­"
Route Parameters
Razor Syntax
 
@page "­/cu­sto­mer­/{C­ust­ome­rId­}"
C# Code
 
[Param­eter] public string CustomerId { get; set; }
 

Razor Syntax

Bindings
@message
<input @bind=­"­mes­sag­e" /> (2 way binding)
Event Handling
@oncli­ck=­"­Han­dle­Cli­ck"
Condition & Loops
@if (show) {}
@foreach (var item in list) {}
Dependency Injection
@inject TimeSvc Time
@code{}
 

Page Lifecycle

Construct :
 
SetPar­ame­ter­Async
Initialize :
 
OnInit­ialized
 
OnInit­ial­ize­dAsync
Receive Parameter :
 
OnPara­met­erSet
 
OnPara­met­erS­etAsync
Render :
 
OnAfte­rRender
 
OnAfte­rRe­nde­rAsync
Destruct :
Dispose

Component LyfeCycle

Parent
SetPar­ameters
 
OnInit­ialized
 
OnPara­met­erSet
Child
SetPar­ameters
 
OnInit­ialized
 
OnPara­met­erSet
Parent
OnAfte­rRender
Child
OnAfte­rRender
       
 

Comments

No comments yet. Add yours below!

Add a Comment

Your Comment

Please enter your name.

    Please enter your email address

      Please enter your Comment.

          Related Cheat Sheets

          Numeric Formats Cheat Sheet
          H10 Klassen & Objecten Cheat Sheet