jQuery EasyUI使用教程：自定義窗口工具

---

Kendo UI for jQuery——?jiǎng)?chuàng)建現(xiàn)代Web應(yīng)用程序的最完整UI庫！查看詳情>>>

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

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

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

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

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

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

下載EasyUI示例：

購買正版授權(quán)的朋友可以點(diǎn)擊""哦~~~