1

我正在使用 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();
}

我可以使用静态电子类中的某种事件吗?类似的东西OnMenuItemClicked

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

4

1 回答 1

0

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

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 不需要多个侦听器。

于 2021-05-17T12:05:11.910 回答