LinkButton【鏈接按鈕】 使用說明
使用到的頭文件：easyui.css、icon.css、jquery-1.4.2.min.js、jquery.easyui.min.js
代碼如下:<a href="#" id="btn" icon="icon-search">easyui</a>
JQuery代碼
代碼如下:$('#btn').linkbutton(options);
特性說明
名稱 |
類型 |
描述 |
默認值 |
disabled
boolean
啟用、禁用按鈕
false
plain
boolean
是否啟用樣式
false
查看演示 官方文檔
MenuButton【菜單按鈕】 MenuButton包括鏈接按鈕跟菜單
創建一個MenuButton就要指派一個菜單的linkbutton屬性
使用說明
使用到的頭文件：easyui.css、icon.css、jquery-1.4.2.min.js、jquery.easyui.min.js
代碼如下:
<a href="javascript:void(0)" id="mb" icon="icon-edit">Edit</a>
<div id="mm" style="width:150px;">
<div icon="icon-undo">Undo</div>
<div icon="icon-redo">Redo</div>
<div class="menu-sep"></div>
<div>Cut</div>
<div>Copy</div>
<div>Paste</div>
<div class="menu-sep"></div>
<div icon="icon-remove">Delete</div>
<div>Select All</div>
</div>
JQuery 代碼如下:
$('#mb').menubutton({
menu: '#mm'
});
依賴
鏈接按鈕
特性說明
稱 |
類型 |
描述 |
默認值 |
disabled
boolean
啟用、禁用按鈕
false
plain
boolean
是否顯示樣式
false
menu
string
選擇器創建一個相應的菜單。
null
duration
number
菜單按鈕持續顯示時間【毫秒】
100
查看演示 官方文檔
說明
還有一個SplitButton，個人感覺跟menubutt一樣的，官方文檔這樣解釋的：Similar to MenuButton, SplitButton include linkbutton and menu but can act as a single button.
唯一的區別就是它可以單獨作為一個按鈕。特性也是跟上面的menubutt一樣，這裡就不多說了，有興趣可看官方文檔