Blazor服务器端如何获取点击元素的值



我使用的是Blazor服务器端,我的页面上有3个框,上面写着日期:

索引.razor

<div class="box">
@DateTime.Now
</div>
<div class="box">
@DateTime.Now.AddDays(1)
</div>
<div class="box">
@DateTime.Now.AddDays(2)
</div>

我需要一些服务器登录操作的点击框的日期。我如何以一种简单的方式实现"对所选项目的跟踪"?

<div id='div0' @onclick='DateCallback(0)'></div>
<div id='div1' @onclick='DateCallback(1)'></div>
<!-- etc... -->
@code {
private readonly DateTime[] dates = new[] { /* fill with date times matching indexes */ };
public void DateCallback(int index)
{
// make call to server with dates[index]
}
}

您是将C#代码中的日期列表存储在客户端还是服务器上取决于您。

如果您更喜欢的话,也可以将字符串而不是int传递给方法。

最新更新