Call a function on button click in Blazor/Razor - ASP.NET Core 3

大兔子大兔子 提交于 2020-12-04 09:03:46

问题


I just started learning ASP.NET Core and I was following the YouTube tutorial from Microsoft (https://www.youtube.com/watch?v=wA-3FA2kbpA&list=PLdo4fOcmZ0oW8nviYduHq7bmKode-p8Wy&index=11) and when I tried to call the function on button click, it does not work.

The code is as follows:

Button in HTML

<button @onclick="(e => SelectProduct(product.Id))" data-toggle="modal" data-target="#productModal" class="btn btn-primary">More Info</button>

@Code Element - Function

void SelectProduct(string productId)
{
    selectedProductId = productId;
    selectedProduct = ProductService.GetProducts().First(x => x.Id == productId);
}

Kindly help me debug this. The function does not get called when the button is clicked.
Thanks in advance!


回答1:


However, for some reason, @onclick does not work for me.

It seems that you are integrating blazor into MVC / Razor Pages project.Based on this thread I have answered before, you need to add a new _Imports.razor file in your Components folder if you put your razor components there.

_Imports.razor:

@using Microsoft.AspNetCore.Components.Web



来源:https://stackoverflow.com/questions/60053760/call-a-function-on-button-click-in-blazor-razor-asp-net-core-3

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!