easyui之dialog destroy 和close

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

1、固定位置：

   （1）初始化代碼：

1	<div id="dialog_todo_maintain" class="easyui-dialog" title="保養信息操作"

2	data-options="modal:true,closed:true,href:'maintain/detail.jsp'"

3	style="width: 620px; height: 460px; overflow: hidden">

4

</div>

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

1	$('#'+dialog_name).dialog({

2	onLoad:function(){

3

4

},

5	buttons:[]

6

7

}];

8

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

  （3）關閉窗口

1	這裏只能這樣：$('#'+dialog_name).dialog('close');//隱藏窗口

2	而不能這樣：$('#'+dialog_name).dialog('destroy');//銷燬窗口，如果這樣操作，那麼這個窗口就再也顯示不了了

2、'臨時'窗口

（1）初始化代碼：

1	不需要先給定一個組件

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

01	$('<div/>').dialog({

02	href : 'admin/cusInfo.jsp',

03	width : 620,

04	height : 480,

05	modal : true,

06	title : 'title',

07	onClose : function() {

08	$(this).dialog('destroy');

09

},

10	buttons:[]

11

});

12

}

  （3）關閉窗口

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

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