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)記中或者通過 jQuery 代碼定義 tools 屬性。現(xiàn)在我們使用 jQuery 代碼來定義窗口(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'); ????????????} ????????}] ????});