jQuery EasyUI 窗口 – 自定義窗口工具欄

jQuery EasyUI 窗口 - 自定義窗口工具欄

本節(jié)將介紹自定義jQuery EasyUI窗口的工具欄。

默認(rèn)情況下，窗口（window）有四個(gè)工具：collapsible、minimizable、maximizable 和 closable。比如我們定義以下窗口（window）：

	<div id="win" class="easyui-window" title="My Window" style="padding:10px;width:200px;height:100px;">
		window content
	</div>

如需自定義工具，設(shè)置該工具為 true 或者 false 。比如我們希望定義一個(gè)窗口（window），僅僅擁有一個(gè)可關(guān)閉的工具。您應(yīng)該設(shè)置任何其他工具為 false。我們可以在標(biāo)記中或者通過(guò)jQuery 代碼定義tools屬性?，F(xiàn)在我們使用 jQuery 代碼來(lái)定義窗口（window）：

	$('#win').window({
		collapsible:false,
		minimizable:false,
		maximizable:false
	});

如果我們希望添加自定義的工具到窗口（window），我們可以使用 tools 屬性。作為實(shí)例演示，我們添加兩個(gè)工具到窗口（window）：

	$('#win').window({
		collapsible:false,
		minimizable:false,
		maximizable:false,
		tools:[{
			iconCls:'icon-add',
			handler:function(){
				alert('add');
			}
		},{
			iconCls:'icon-remove',
			handler:function(){
				alert('remove');
			}
		}]
	});

下載 jQuery EasyUI 實(shí)例

jeasyui-win-win2.zip