将 Blazor 与 Electron.NET 一起使用时，如何在单击 MenuItem 时在组件内执行代码？

Question

我正在使用 Blazor 服务器。在我的初创公司中，我正在像这样配置 MenuItems：

var menu = new[]
{
    new MenuItem
    {
        Label = "File", Submenu = new[]
        {
            new MenuItem
            {
                Label = "Save", 
                Accelerator = "CmdOrCtrl+S", 
                Enabled = false,
                Click = () =>
                {
                    // How do I execute code inside my component?
                },
            }
        }
    }
};

Electron.Menu.SetApplicationMenu(menu);

我的组件存在于根目录中并且始终被渲染。它有一个名为 Save 的简单方法，我想调用它。

public async Task SaveProject()
{
    await Project.Save();
}

在我可以使用的静态 Electron class 中没有某种事件吗？类似于 OnMenuItemClicked.

拥有一个我可以在我的组件内部访问的静态属性不仅是糟糕的设计，它还会阻止我访问任何实例属性。

Answer 1

我自己想出了一个或多或少适用的解决方案。我创建了一个单例服务 IMenuItemService，我在我的启动和我的组件中都使用它。由于 MenuItems 本身没有 ID，因此我创建了一个单独的 Enum MenuItemType 来分隔它们。该服务看起来像这样：

public class MenuItemService : IMenuItemService
{
    public Action<MenuItemType> MenuItemClicked { get; set; }

    private Dictionary<MenuItemType, MenuItem> ConfigurableMenuItems { get; }

    public MenuItemService()
    {
        ConfigurableMenuItems = new Dictionary<MenuItemType, MenuItem>();
        
        InitializeMenuItem(MenuItemType.Close, "Close Project", null, false);
    }

    private void InitializeMenuItem(MenuItemType type, string label, string accelerator, bool enabled)
    {
        ConfigurableMenuItems.Add(type, new MenuItem
        {
            Label = label,
            Accelerator = accelerator,
            Enabled = enabled,
            Click = () => { MenuItemClicked?.Invoke(type); },
        });
    }

    public void SetEnabled(MenuItemType menuItemType)
    {
        ConfigurableMenuItems[menuItemType].Enabled = true;
        RenderMenuItems();
    }
    
    public void SetDisabled(MenuItemType menuItemType)
    {
        ConfigurableMenuItems[menuItemType].Enabled = false;
        RenderMenuItems();
    }

    public void RenderMenuItems()
    {
        Electron.Menu.SetApplicationMenu(new[]
        {
            new MenuItem
            {
                Label = "File", Submenu = new []
                {
                    ConfigurableMenuItems[MenuItemType.Close]
                }
            }
        });
    }
}

通过这种方法，我可以从我的应用程序中的任何地方调用 menuItemService.RenderMenuItems()，包括 Startup.cs，而在我的组件中，我正在设置 MenuItemClicked 操作以听取点击。

[Inject]
public IMenuItemService MenuItemService { get; set; }

private void InitializeMenuItemActions()
{
    MenuItemService.SetEnabled(MenuItemType.Close);
    
    MenuItemService.MenuItemClicked = type =>
    {
        if (type == MenuItemType.Close)
        {
            ProjectManager.CloseProject();
            NavigationManager.NavigateTo("/");
        }
    };
}

在我的例子中，我有意在 EventHandler 上使用了 Action 属性，因为我的 MenuItem 不需要多个侦听器。

将 Blazor 与 Electron.NET 一起使用时，如何在单击 MenuItem 时在组件内执行代码？

Using Blazor with Electron.NET, how can I execute code inside a component whenever I click on a MenuItem?

electron

blazor

electron.net

.net-5