0
237
Views¿Podría tener dos eventos onclick en este elemento?
Entonces sé que es posible tener dos eventos onclick en un elemento. Pero no estoy seguro de cómo hacerlo exactamente para mi situación. ¿Hay otra forma de hacer esto que no estoy intentando? Estoy tratando de agregar el método ShowAlert().
Mi código se ve así:
<button class="btn btn-primary" @onclick="e => AddToCart(context)">Add To Cart</button>Y lo he intentado (recibo un error cada vez que pruebo estos):
<button class="btn btn-primary" @onclick="e => AddToCart(context); ShowAlert();">Add To Cart</button>y:
<button class="btn btn-primary" @onclick="ShowAlert(); e => AddToCart(context)">Add To Cart</button>Aquí está mi método ShowAlert en caso de que sea necesario:
@code { async Task ShowAlert() { await JsRuntime.InvokeVoidAsync("createAlert"); } }¡Cualquier ayuda/consejo es apreciada! ¡Gracias!
3 answers
Answer question0
Parece que está usando una biblioteca con la que no estoy familiarizado, por lo que no estoy seguro de si algo de esto es factible.
¿Necesita adjuntar estos eventos en línea en el elemento? Lo primero que se me ocurre es adjuntarlos en JS
Si el n. ° 1 no es posible, ¿qué tal hacer una sola función unida que llame a ambos?
function addToCartAndShowAlert(context) { AddToCart(context) ShowAlert() } <button class="btn btn-primary" @onclick="e => addToCartAndShowAlert(context)">Add To Cart</button>Solo ideas para probar, la mejor de las suertes.
0
Lo siguiente normalmente debería funcionar, envolviéndolo entre paréntesis para llamarlo como una función anónima:
<button @onclick="(e => AddToCart(context))();ShowAlert();">Hi</button> function AddToCart() { alert('add to cart'); } function ShowAlert() { alert('show alert'); } <button onclick="(e => AddToCart())();ShowAlert();">Hi</button>0
Puedes probar esto:
<button class="btn btn-primary" @onclick="@(() => { AddToCart("content"); ShowAlert(); })">Add To Cart</button> @code { async Task ShowAlert() { await JsRuntime.InvokeVoidAsync("createAlert"); } void AddToCart(string val) { StateHasChanged(); } } resultado: 