Обработка событий в CSS-компонентах Metronic Tailwind в BlazorC#

Место общения программистов C#
Ответить Пред. темаСлед. тема
Anonymous
 Обработка событий в CSS-компонентах Metronic Tailwind в Blazor

Сообщение Anonymous »

Я пытаюсь использовать Metronic (9.x) с Blazor и начал проект, основанный на официальном образце, найденном здесь: https://github.com/keenthemes/metronic- ... tion/tree/ 638f04486f737a6c5b86edf51666b8eb72469fb8/metronic-tailwind-blazor-server
Хотя я должен отметить, что этот образец вряд ли можно назвать простым «Blazor», поскольку на самом деле это просто HTML, обслуживаемый Blazor. Проблема именно в этом, поскольку я не могу понять, как сделать что-то столь же простое, как создать раскрывающийся список с кликабельными элементами, которые можно захватить с помощью событий @onchange или @onclick.
Например. , если я посмотрю официальную CSS-документацию Metronic Tailwind для Dropdown (https://keenthemes.com/metronic/tailwin ... s/dropdown) и Menu (https://keenthemes.com/metronic/tailwin ... ents/menu/), тогда я надеялся сделать что-то вроде этого:

Код: Выделить всё

@page "/stacks"

MyPage


Show Dropdown



@foreach (var myItem in allItems)
{



[i]
[/i]


Menu item @myItem.Name



}




@code {
private List allItems = new();

public class MyClass
{
public Guid Id { get; set; }
public string Name { get; set; }

}

protected override async Task OnInitializedAsync()
{
allItems = new List()
{
new MyClass()
{
Id = Guid.NewGuid(),
Name = "foo",
},
new MyClass()
{
Id = Guid.NewGuid(),
Name = "bar",
}
};

}

private async Task HandleMyClickEvent(MouseEventArgs e)
{
Console.WriteLine("Event has been triggered!");
}

}
Однако делегирование @onclick не срабатывает. На самом деле не похоже, что какой-либо из встроенных делегатов Blazor (таких как @onchange и т. д.) может быть запущен где-либо, поэтому я предполагаю, что мне нужно каким-то образом подключиться к встроенным событиям Metronic. . (см. https://keenthemes.com/metronic/tailwin ... enu#events).
Как мне это настроить?

Подробнее здесь: https://stackoverflow.com/questions/792 ... -in-blazor
Реклама
Ответить Пред. темаСлед. тема

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

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

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

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

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

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