با مثال زیر میتوان انتقال دیتا از کامپوننتهای فرزند به والد را نمایش داد.
1- به کامپوننت مورد نظر خود این بخش را اضافه کنید:
<h3>This is a TestComponnet on @PageName</h3>
<label>
<input type="checkbox" @onchange="OnselectedChange"/>
</label>
@code {
/// <summary>
/// نام صفحه
/// </summary>
[Parameter]
public string PageName { get; set; }
[Parameter]
public EventCallback<bool> OnChanged { get; set; }
protected async Task OnselectedChange(ChangeEventArgs e)
{
await OnChanged.InvokeAsync((bool)e.Value);
}
}
2- در بخشی که از کامپوننت خود استفاده کرده اید، تغییرات زیر را اعمال کنید:
<TestComponnet PageName="Item 1" OnChanged="IsChecked"></TestComponnet>
@code {
private int checkBoxCount = 0;
private int currentCount = 0;
private string pageName = "[COUNTER]";
private void IncrementCount()
{
currentCount++;
}
protected void IsChecked(bool isChecked)
{
if (isChecked)
{
checkBoxCount++;
}
else
{
checkBoxCount--;
}
}
}