亚洲成成品网站,日日日日做夜,国产91一区二区三区

jQuery EasyUI使用教程：創建一個拆分按鈕

原創|使用教程|編輯：龔雪|2015-10-21 09:12:58.000|閱讀 485 次

概述：本教程主要為大家展示如何使用jQuery EasyUI創建一個拆分按鈕。

本教程主要為大家展示如何使用jQuery EasyUI創建一個拆分按鈕。拆分包含了一個鏈接按鈕和菜單，當用戶點擊或將鼠標懸停在下拉箭頭區域時，對應的菜單就會顯示。下面的示例演示了如何創建和使用拆分按鈕：

我們創建一個拆分按鈕和一個鏈接按鈕：

<div style="border:1px solid #ccc;background:#fafafa;padding:5px;width:120px;">
<a href="#" class="easyui-splitbutton" menu="#mm" iconCls="icon-edit">Edit</a>
<a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-help"></a>
</div>
<div id="mm" style="width:150px;">
<div iconCls="icon-undo">Undo</div>
<div iconCls="icon-redo">Redo</div>
<div class="menu-sep"></div>
<div>Cut</div>
<div>Copy</div>
<div>Paste</div>
<div class="menu-sep"></div>
<div>
<span>Open</span>
<div style="width:150px;">
<div>Firefox</div>
<div>Internet Explorer</div>
<div class="menu-sep"></div>
<div>Select Program...</div>
</div>
</div>
<div iconCls="icon-remove">Delete</div>
<div>Select All</div>
</div>

創建完成拆分按鈕時，我們不需要寫任何JavaScript代碼。

購買最新正版授權！""

集團授權強勢登陸！滿額即送好禮哦，精彩不容錯過！優惠詳情點擊查看>>