如何从电子中的特定窗口中删除菜单栏?

时间:2019-06-21 03:12:04

标签: javascript html css electron

我的应用程序中有一个菜单,当您单击文档属性时,会弹出另一个窗口,但是此窗口也继承了应用程序菜单,因此您可以从文档属性窗口中打开文档属性窗口。我只想禁用文档属性窗口的菜单,我能够实现此目的的唯一方法是使窗口无框架,但我仍然希望显示标题栏,所以这不是我想要的解决方案

我尝试使用docProps.removeMenu(),docProps.setMenu(null)甚至docProps.setApplicationMenu(null)。我已经解决了这个问题,尝试使docProps成为全局变量,但没有任何效果。

这是我的代码:

//Create references for modules that require electron
const { app, BrowserWindow, Menu } = require('electron')

//Create a global reference for the main window
let mainWindow

function createWindow () {
  //Create the browser window
  mainWindow = new BrowserWindow({
    minWidth: 300,
    minHeight: 300,
    backgroundColor: '#888888'
  })

  //Load the index.html file
  mainWindow.loadFile('index.html')

  //Reload the main window on resize
  mainWindow.on('resize', function () {
    mainWindow.reload()
  })
}

function createAppMenu () {
  //Create application menu template
  const template = [
    {
      label: 'File',
      submenu: [
        {
          label: 'Document Properties...',
          click: function () {
            docProps = new BrowserWindow({
              width: 250,
              height: 300,
              resizable: false,
              title: 'Document Properties'
            })
            //This isn't working and I'm not sure why
            docProps.removeMenu()
          }
        }
      ]
    },
    {
      label: 'Edit'
    },
    {
      label: 'View'
    },
    {
      label: 'Window'
    },
    {
      label: 'Help'
    }
  ]

  //Build app menu from template
  const menu = Menu.buildFromTemplate(template)
  Menu.setApplicationMenu(menu)
}

//Call the createWindow function once electron has finished initializing
app.on('ready', function () {
  createWindow()
  mainWindow.maximize()
  createAppMenu()
})

您可以在https://github.com/Leglaine/ElectroText

看到整个项目

我收到的唯一错误消息是当我尝试调用docProps.setApplicationMenu(null)时,它说无法在docProps上调用setApplicationMenu,但我并不真正希望它能正常工作。预先感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

当您已经通过win.removeMenu()设置了应用程序菜单时,

win.setMenu(null)Menu.setApplicationMenu()在Electron中当前似乎已损坏。

尝试像这样设置一个空菜单

docProps.setMenu(Menu.buildFromTemplate([]))