easyui之dialog destroy 和close

easyui dialog生成有兩種方式(以我如今的認知水平)，一種是在頁面上固定一個dialog;一種是生成"臨時"的dialog，對窗口的隱藏操做有兩種方式：close\destroy,這兩種方式的初始化和關閉是不徹底同樣的，且看我分開描述，再總結一下。

一、固定位置：

   （1）初始化代碼：

<div id="dialog_todo_maintain" class="easyui-dialog" title="保養信息操做"
  data-options="modal:true,closed:true,href:'maintain/detail.jsp'"
		style="width: 620px; height: 460px; overflow: hidden">
  </div>

   （2）窗口的組件及操做（省略具體操做）

$('#'+dialog_name).dialog({
     onLoad:function(){
     
		},
    buttons:[]
    
}];

$('#'+dialog_name).dialog('open');//顯示窗口

  （3）關閉窗口

這裏只能這樣：$('#'+dialog_name).dialog('close');//隱藏窗口
而不能這樣：$('#'+dialog_name).dialog('destroy');//銷燬窗口，若是這樣操做，那麼這個窗口就再也顯示不了了

二、'臨時'窗口

（1）初始化代碼：

不須要先給定一個組件

   （2）窗口的生成、增長組件及操做（省略具體操做）

$('<div/>').dialog({
        href : 'admin/cusInfo.jsp',
        width : 620,
        height : 480,
        modal : true,
        title : 'title',
        onClose : function() {
            $(this).dialog('destroy');
        },
        buttons:[]
    });
}

  （3）關閉窗口

這裏最好這樣：$('#'+dialog_name).dialog('destroy');//若是不銷燬則會對原先已有的dom結構形成影響

總結：這個區別其實很好理解，本質的區別就是destroy是將窗口組件銷燬，不留痕跡；而close是將窗口隱藏起來。因此對應DOM的設計，採用不一樣的方式便可。