Скрыть Wijdialog полностью без закрытия

Question

У меня есть несколько WijDialogs один над другим. Скажем, поток приходит так: Search Dialog -> Results Dialog -> Save Results Dialog

Обратите внимание, что в данный момент управление находится в диалоговом окне "Результаты", которое находится над диалоговым окном поиска. Когда я перемещаю диалоговое окно, я все еще вижу диалоговое окно поиска в фоновом режиме.

Но он в размытом состоянии, потому что потерял фокус.

Я хочу сделать фоновое диалоговое окно полностью скрытым (сделать его невидимым, не закрывая диалоговое окно поиска). Это должно быть видно снова при закрытии диалога результатов.

Я попытался скрыть контейнер Div диалогового окна поиска, но все еще вижу строку заголовка.

Я могу полностью скрыть строку заголовка, используя $(".ui-dialog-titlebar").hide(); но я не знаю, как показать или показать строку заголовка.

Короче говоря, я хочу сделать фоновое диалоговое окно невидимым и видимым без потери значений, которые я ввел в него ранее.

Answer 1

Вы можете вызвать метод close первого wijdialog, чтобы закрыть его, а затем вызвать его метод open в событии close второго диалогового окна. Данные, введенные в первом диалоговом окне, сохраняются до повторной инициализации wijdialog. Пожалуйста, смотрите код ниже:

$('#dialog2').wijdialog({
   autoOpen: false,
   stack: true,
   modal: true,
   open: function () {
      $('#dialog1').wijdialog('close');
   },
   close: function () {                    
      $('#dialog1').wijdialog('open');
   }
});