Blazor Cheat Sheet

A Programming › .NET cheat sheet in English by xtime

Blazor Cheat Sheet Blazor Cheat Sheet

4,123 views 668 downloads 21 Feb 2025 History

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

`{{lang-CSharp}}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­ial­ize­d(A­sync)
 
OnPara­met­erS­et(­Async)
Child
SetPar­ameters
 
OnInit­ial­ize­d(A­sync)
 
OnPara­met­erS­et(­Async)
Parent
OnAfte­rRender
Child
OnAfte­rRender

Comments

No comments yet.

Cheatography n. The art of mapping complex subjects into clear, instantly navigable reference guides.