Blazor comment passer des arguments à la fonction onclick ?

Question

Je voudrais faire du bouton onclick qui prend une entrée.

<button onclick="@test(123, 456)">Check</button>

@functions
{
    public void test(int a, int b)
    {
        Console.WriteLine(a + b);
    }
}

Mais pour une raison quelconque, une erreur s'est produite :

Argument "1": Cannot convert from void to string

Plus tard, je voudrais créer ces boutons dans une boucle for comme

@for (int i = 0; i < 10; i++)
{
    <button onclick="@test(i, 5 * i)">Check</button>
}

Comment puis-je y parvenir ?

Answer 1

Essayez-le avec un lambda. Vous liez le onclick au résultat de la fonction plutôt qu'à la fonction elle-même.

@for (int i = 0; i < 10; i++)
{
    var buttonNumber = i;
    <button @onclick="@(e => test(buttonNumber, 5 * buttonNumber))">Check</button>
}

Answer 2

J'ai essayé ceci et ça a marché

@onclick="(() => FunctionName(argument))"

comme

@onclick="(() => GetDetail(item.UserId))"

J'ai eu l'idée de https://github.com/aspnet/AspNetCore/issues/15956 .

Answer 3

À la signature onclick précise que c'est une fonction C# :

@onclick = "@(() => test(i, 5*i))"

Answer 4

<input type="button" @onclick="@(() => functionname(paramvalue))" class="....." value="DoSomething" />

Answer 5

Ce qui suit a fonctionné pour moi, aussi bien pour les entrées que pour les boutons.

<td>
    <input type="button" class="btn btn-primary" value="Delete"
    @onclick="(() => this.DeleteTodoItem(todoItem.Id))"  />
</td>
<td>
    <button class="btn btn-primary" 
    @onclick="(() => this.DeleteTodoItem(todoItem.Id))">Delete</button>
</td>