« Blazor component » : différence entre les versions
De Banane Atomic
Aller à la navigationAller à la recherche
Aucun résumé des modifications |
|||
| Ligne 29 : | Ligne 29 : | ||
</filebox> | </filebox> | ||
= | = Callback event = | ||
<filebox fn='Components/MyComponent.razor.cs'> | |||
[Parameter] | |||
public EventCallback<string> Callback { get; set; } | |||
private string description; | |||
private async Task Ok() | |||
{ | |||
await Callback.InvokeAsync(description); | |||
} | |||
</filebox> | |||
<filebox fn='Pages/Index.razor'> | |||
<MyComponent Callback="MyComponentCallback" /> | |||
@code { | |||
void MyComponentCallback(string description) | |||
{ | |||
} | |||
} | |||
</filebox> | |||
Version du 25 juillet 2021 à 14:29
Basic component
| Components/MyComponent.razor |
<h1>Test</h1> <p>@ChildContent</p> |
| Components/MyComponent.razor.cs |
public partial class MyComponent : ComponentBase
{
[Parameter]
public RenderFragment ChildContent { get; set; }
}
|
| Components/MyComponent.razor.css |
h1 {
color: coral;
}
|
| Pages/Index.razor |
@page "/"
@using Component.Components
<MyComponent>
test !!!
</MyComponent>
|
Callback event
| Components/MyComponent.razor.cs |
[Parameter]
public EventCallback<string> Callback { get; set; }
private string description;
private async Task Ok()
{
await Callback.InvokeAsync(description);
}
|
| Pages/Index.razor |
<MyComponent Callback="MyComponentCallback" />
@code {
void MyComponentCallback(string description)
{
}
}
|
