如何处理表行选择更改?

时间:2019-07-05 19:52:38

标签: asp.net-core blazor

如何使用Blazor处理表的行选择更改事件? 我尝试处理@onchange以及@onselectionchange。 该表的语法如下所示:

<table class="table" @onchange="@this.SelectionChanged">

2 个答案:

答案 0 :(得分:2)

您的事件绑定无效,因为table元素不会发出change事件。

相反,您可以在表行中添加输入元素(例如复选框)。然后,您可以通过将事件绑定添加到输入元素来处理行选择更改。

详细了解this article中的HTMLElement更改事件。

答案 1 :(得分:1)

您可以在行中使用Onclick:

  <tbody>
            @foreach (var item in Forecasts)
            {
              
                <tr class="@item.Clase" @onclick="@(() => DoSomething(item))">
                    <td>@item.Date</td>
                    
                    <td>@item.TemperatureC</td>
                    <td>@item.TemperatureF</td>
                    <td>@item.Summary</td>
                </tr>
                }
            </tbody>

创建一个东西来接收物品