你好
我正在尝试在blazor服务器中制作一个可重复使用的组件
一个列表框,我在其中传递一个id(它用来填充自己,然后用户选择的内容被传递回
我的想法是将一个ID传递给一个组件,从父级传递给子级,这很好,但我只能从子级返回一个字符串,我想发送一个类对象,有可能吗,我已经尝试了下面的
父级
@using Microsoft.AspNetCore.Components.Web
@page "/"
@code {
private void IwasGivendatabackfromclient(HagClass x)
{
string text = x.parChildSet;
}
}
<h1>Hello, world!</h1>
Welcome to your new app.
<HagChild GiveMeDatFromPar="Balls of steel" OnEmployeeDeleted="IwasGivendatabackfromclient"></HagChild>
类别
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Components.Web;
namespace Blazor_PH_Par_Child.Shared
{
public class HagClass
{
public string parSentMe { get; set; }
public string parChildSet { get; set; }
}
}
儿童
@code {
[Parameter]
public string GiveMeDatFromPar { get; set; }
[Parameter]
public EventCallback<object> OnEmployeeDeleted { get; set; }
HagClass x = new HagClass();
public void Delete_Click()
{
x.parChildSet = "test";
OnEmployeeDeleted.InvokeAsync(x);
}
}
<h3>HagChild</h3>
<button type="button" class="btn btn-danger m-1"
@onclick="Delete_Click">
Delete
</button>
<p>hello @GiveMeDatFromPar</p>
是的,这是可能的。您可以添加类似于此的参数
[Parameter]
public EventCallback<MyModel> OnEmployeeDeleted { get; set; }
然后点击删除按钮后,创建Mymodel的项目类型并将其发送回父
MyModel model = new(){ .... }
OnEmployeeDeleted.InvokeAsync(model);
在父页面中,您必须创建获取子数据的函数。
private void GetDeletedInfo(Mymodel model){}
组件的调用将是
<HagChild OnEmployeeDeleted="data => GetDeletedInfo(data)" />