完全隐藏Wijdialog

时间:2016-04-02 15:49:45

标签: dialog jquery-ui-dialog wijmo

我有一个在另一个上面的多个WijDialog。说流程是这样的: Search Dialog - > Results Dialog - > Save Results Dialog

考虑控制当前位于搜索对话框上方的结果对话框中,当我移动对话框时,我仍然可以在后台看到搜索对话框。

但它处于模糊状态,因为它失去了焦点。

我想让背景对话框完全隐藏(让它不可见而不关闭搜索对话框)。在关闭结果对话框时应该再次可见。

我试图隐藏搜索对话框的Div容器,但我仍然可以看到标题栏。

我可以使用$(".ui-dialog-titlebar").hide();完全隐藏标题栏,但我不知道如何取消隐藏或显示标题栏。

简而言之,我希望使背景对话框不可见并且可见,而不会丢失我之前在其中输入的值。

1 个答案:

答案 0 :(得分:0)

你可以调用第一个wijdialog的'close'方法来关闭它,然后在第二个对话框的close事件中调用它的'open'方法。保留在第一个对话框中输入的数据,直到重新初始化wijdialog。请参阅以下代码:

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