Учебник по Electron.js

Модальные окна

Модальным называется окно, которое не позволяет взаимодействовать с другими окнами в том же приложении. Пока модальное окно не будет закрыто, сделать активным другое окно нельзя. Например, если в программе Microsoft Word выбрать пункт меню Файл | Сохранить как, то откроется модальное диалоговое окно, позволяющее выбрать путь и название файла. Пока это окно не будет закрыто, вы не сможете взаимодействовать с главным окном приложения.

Сделать окно модальным при его создании позволяет опция modal, имеющая значение true. С помощью опции parent можно указать родительское окно. В этом случае окно всегда будет отображаться поверх родительского окна. Пример создания двух окон:

function createWindow() {
   const win = new BrowserWindow({
      title: 'Обычное окно'
   });
   // Модальное окно
   const winModal = new BrowserWindow({
      width: 400,
      height: 200,
      parent: win,
      modal: true,
      title: 'Модальное окно'
   });
}

С помощью метода isModal() можно проверить, является ли окно модальным. Метод возвращает значение true, если окно модальное, и false — в противном случае.

Получить ссылку на родительское окно позволяет метод getParentWindow(). Если родительского окна нет, то метод вернет значение null. Получить массив со ссылками на все дочерние окна позволяет метод getChildWindows().