jQuery EasyUI 中文API Button使用實例
更新時間:2010年04月14日 10:29:49 作者:
jQuery EasyUI 中文API Button使用小結,需要的朋友可以參考下。
LinkButton【鏈接按鈕】
使用說明
使用到的頭文件:easyui.css、icon.css、jquery-1.4.2.min.js、jquery.easyui.min.js
JQuery代碼
特性說明
查看演示 官方文檔
MenuButton【菜單按鈕】
MenuButton包括鏈接按鈕跟菜單
創(chuàng)建一個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'
});
依賴
鏈接按鈕
特性說明
使用說明
使用到的頭文件: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包括鏈接按鈕跟菜單
創(chuàng)建一個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 | 選擇器創(chuàng)建一個相應的菜單。 | null |
duration | number | 菜單按鈕持續(xù)顯示時間【毫秒】 | 100 |
說明
還有一個SplitButton,個人感覺跟menubutt一樣的,官方文檔這樣解釋的:Similar to MenuButton, SplitButton include linkbutton and menu but can act as a single button.
唯一的區(qū)別就是它可以單獨作為一個按鈕。特性也是跟上面的menubutt一樣,這里就不多說了,有興趣可看官方文檔
您可能感興趣的文章:
- jQuery EasyUI API 中文幫助文檔和擴展實例
- Jquery api 速查表分享
- 不同的jQuery API來處理不同的瀏覽器事件
- jQuery EasyUI API 中文文檔 - TreeGrid 樹表格使用介紹
- jQuery EasyUI API 中文文檔 - Tree樹使用介紹
- jQuery EasyUI API 中文文檔 - PropertyGrid屬性表格
- jQuery EasyUI API 中文文檔 - DataGrid數(shù)據(jù)表格
- jQuery EasyUI API 中文文檔 - Dialog對話框
- jQuery EasyUI API 中文文檔 - TimeSpinner時間微調(diào)器
- Dreamweaver jQuery智能提示插件,支持版本提示,支持1.6api
- jquery.combobox中文api和例子,修復了上面的小bug
- 如jQuery般易用的api風格代碼分享
- jQuery validate 中文API 附validate.js中文api手冊
- jQuery EasyUI 中文API Layout(Tabs)
- jquery 1.4.2發(fā)布!主要是性能與API
- jquery中有哪些api jQuery主要API
相關文章
JQuery將文本轉(zhuǎn)化成JSON對象需要注意的問題
在JQuery的許多方法中,很多方法的參數(shù)可以傳入一個JSON對象,比如Ajax方法的第二個參數(shù)。怎么將文本轉(zhuǎn)化成JSON對象,需要注意以下問題2011-05-05基于jQuery的動態(tài)增刪改查表格信息,可左鍵/右鍵提示(原創(chuàng)自Zjmainstay)
jQuery動態(tài)增刪改查表格信息,可左鍵/右鍵提示的實現(xiàn)代碼分享,需要的朋友可以參考下2012-07-07