在Blazor中单击按钮获取表行中输入字段的值

@page "/example"

<h3>表格示例</h3>

<table>
    <thead>
        <tr>
            <th>姓名</th>
            <th>年龄</th>
            <th>操作</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var person in people)
        {
            <tr>
                <td><input @bind="person.Name" /></td>
                <td><input @bind="person.Age" /></td>
                <td><button @onclick="() => GetRowValues(person)">获取值</button></td>
            </tr>
        }
    </tbody>
</table>

@code {
    private List<Person> people = new List<Person>
    {
        new Person { Name = "张三", Age = 25 },
        new Person { Name = "李四", Age = 30 },
        new Person { Name = "王五", Age = 35 }
    };

    private void GetRowValues(Person person)
    {
        // 在这里可以访问person对象的属性，获取输入字段的值
        var name = person.Name;
        var age = person.Age;

        // 打印获取到的值
        Console.WriteLine($"姓名：{name}，年龄：{age}");
    }

    public class Person
    {
        public string Name { get; set; }
        public int Age { get; set; }
    }
}