Blazor 小技巧之 lambda传参

2022-06-14 00:32:31 阅读：200 来源： 互联网

标签：传参 foo Name Callback 按钮 new Blazor Foo lambda

我们的按钮点击事件，基本上都是一个无参的方法或者是一个MouseEnvent方法。

这里以BootstrapBlazor的Button为例，它的点击回调是这样的：

EventCallback<MouseEventArgs>。

下面我们来看一个例子：

首先定义一个Foo作为内容

public class Foo
    {
        public int Id { get; set; }
        
        public string Name { get; set; }
    }

然后我们在OnInitialized中给一个初始值

protected override void OnInitialized()
    {
        base.OnInitialized();
        Foos = new List<Foo>()
        {
            new Foo()
            {
                Name = "a"
            },
            new Foo()
            {
                Name = "b"
            },
            new Foo()
            {
                Name = "c"
            },
            new Foo()
            {
                Name = "d"
            },
            new Foo()
            {
                Name = "e"
            },
            new Foo()
            {
                Name = "f"
            }
        };
    }

我们再创建一个无参的Callback方法

private async Task Callback()
    {
        await MessageService.Show(new MessageOption()
        {
            Content = "点击了按钮"
        });
    }

最后我们在razor文件中循环生成一个列表

@foreach (var foo in Foos)
{
    
    <Button OnClick="Callback">@foo.Name</Button>
}

这时候我们看到的Button大概是这样的

这时候，一个Callback显然很难实现我们的需求。因为我们无法区分究竟点击是哪个按钮，不管点击哪个按钮，我们都只能输出固定的内容。

这时候怎么办呢，我们可以用一个简单的lambda表达式来生成一个匿名方法传参。

首先我们改造一下我们的Callback，加一个参数接收我们的foo.Name。

private async Task Callback(string name)
    {
        await MessageService.Show(new MessageOption()
        {
            Content = $"点击了按钮{name}"
        });
    }

这个时候，我们的按钮就会报错，因为按钮的OnClick方法并没有一个参数为字符串的重载，所以我们需要改造一下我们的Button，用lambda做一个匿名方法出来调用它。

@foreach (var foo in Foos)
{
    
    <Button OnClick="() => { Callback(foo.Name);}">@foo.Name</Button>
}

这样我们就能轻松的将名字传到对应的方法里使用了。

标签：传参,foo,Name,Callback,按钮,new,Blazor,Foo,lambda
来源： https://www.cnblogs.com/j4587698/p/16372860.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

Blazor 小技巧之 lambda传参