原創|使用教程|編輯:龔雪|2016-05-04 09:24:25.000|閱讀 603 次
概述:默認情況下,窗口有四個工具:collapsible、minimizable、maximizable和closable。本教程主要為大家介紹如何自定義這些窗口工具。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
Kendo UI for jQuery——創建現代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現在我們使用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示例:
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都控件網