Blazor выполняет функцию C# и JS одной кнопкой по событию onclickC#

Место общения программистов C#
Ответить
Anonymous
 Blazor выполняет функцию C# и JS одной кнопкой по событию onclick

Сообщение Anonymous »

У меня есть кнопка, которая выполняет функцию JS:
JavaScript

И кнопка, которая выполняет C# и переключает значки в зависимости от логического значения:




Как их объединить?
Я попробовал это с событием OnClientClick, с JsRuntime.InvokeVoidAsync("expand(this. ближайший(.profile))"); или поместив и то, и другое в событие onclick.
Как я могу выполнить функцию JavaScript и C# в событии onclick кнопки?< /p>
Мой JavaScript код, который я пытаюсь выполнить
EventPageExpandable.js:
function expand(card) {
card.classList.toggle('profile--expanded');

// If card is not expanded after toggle, add 'unexpanded' class
if (!card.classList.contains('profile--expanded')) card.classList.toggle('profile--unexpanded');

// Else if card is expanded after toggle and still contains 'unexpanded' class, remove 'unexpanded'
else if (card.classList.contains('profile--expanded') && card.classList.contains('profile--unexpanded')) card.classList.toggle('profile--unexpanded');
}

Как я пытался использовать JsRuntime:
await JsRuntime.InvokeVoidAsync("EventPageExpandable.expand", "this.closest('.profile')");

Или вот так? Но и то и другое не работает.
await JsRuntime.InvokeVoidAsync("expand", "this.closest('.profile')");```


Подробнее здесь: https://stackoverflow.com/questions/731 ... lick-event
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «C#»