文檔半島外圍網(wǎng)上直營(yíng)>>jQuery EasyUI使用教程>>jQuery EasyUI使用教程:自定義窗口工具
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示例: