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

---

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

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

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

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

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

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

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

下載EasyUI示例：easyui-window-demo.zip

購買正版授權(quán)的朋友可以點擊"咨詢在線客服"哦~~~