jQuery EasyUI 中文API Button使用實(shí)例

更新時(shí)間：2010年04月14日 10:29:49 作者：

jQuery EasyUI 中文API Button使用小結(jié)，需要的朋友可以參考下。

LinkButton【鏈接按鈕】
使用說明
使用到的頭文件：easyui.css、icon.css、jquery-1.4.2.min.js、jquery.easyui.min.js

復(fù)制代碼代碼如下:

<a href="#" id="btn" icon="icon-search">easyui</a>

JQuery代碼

復(fù)制代碼代碼如下:

$('#btn').linkbutton(options);

特性說明

名稱	類型	描述	默認(rèn)值
disabled	boolean	啟用、禁用按鈕	false
plain	boolean	是否啟用樣式	false

查看演示官方文檔

MenuButton【菜單按鈕】
MenuButton包括鏈接按鈕跟菜單

創(chuàng)建一個(gè)MenuButton就要指派一個(gè)菜單的linkbutton屬性

使用說明
使用到的頭文件：easyui.css、icon.css、jquery-1.4.2.min.js、jquery.easyui.min.js

復(fù)制代碼代碼如下:

<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

復(fù)制代碼代碼如下:

 
$('#mb').menubutton({ 
menu: '#mm' 
}); 

依賴
鏈接按鈕
特性說明

稱	類型	描述	默認(rèn)值
disabled	boolean	啟用、禁用按鈕	false
plain	boolean	是否顯示樣式	false
menu	string	選擇器創(chuàng)建一個(gè)相應(yīng)的菜單。	null
duration	number	菜單按鈕持續(xù)顯示時(shí)間【毫秒】	100

查看演示官方文檔

說明

還有一個(gè)SplitButton，個(gè)人感覺跟menubutt一樣的，官方文檔這樣解釋的：Similar to MenuButton, SplitButton include linkbutton and menu but can act as a single button.

唯一的區(qū)別就是它可以單獨(dú)作為一個(gè)按鈕。特性也是跟上面的menubutt一樣，這里就不多說了，有興趣可看官方文檔

您可能感興趣的文章:

相關(guān)文章

jquery設(shè)置text的值示例(設(shè)置文本框 DIV 表單值)
本文主要介紹了jquery設(shè)置內(nèi)容的方法，下面的例子演示如何通過 text()、html()以及val()方法來設(shè)置內(nèi)容，大家參考使用吧
2014-01-01
基于jQuery的倒計(jì)時(shí)實(shí)現(xiàn)代碼
昨天看了妙味課堂的倒計(jì)時(shí)視頻，自己學(xué)著寫了下，需要的朋友可以參考下
2012-05-05
jQuery實(shí)現(xiàn)點(diǎn)擊小圖片淡入淡出顯示大圖片特效
本文給大家分享基于jquery實(shí)現(xiàn)的一款圖片特效，當(dāng)點(diǎn)擊小圖片時(shí)會(huì)淡入淡出大圖片，通過定義需要展示的圖片以及圖片要展示的時(shí)間，來實(shí)現(xiàn)這一效果，感興趣的朋友跟著小編一起來學(xué)習(xí)吧
2015-09-09
jQuery UI插件實(shí)現(xiàn)百度提詞器效果
這篇文章主要介紹了jQuery UI插件實(shí)現(xiàn)百度提詞器效果，每個(gè)輸入框中有相應(yīng)的文字提示,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-11-11
PHP+jQuery實(shí)現(xiàn)隨意拖動(dòng)層并即時(shí)保存拖動(dòng)位置
本文講解了如何采用PHP+MySQL+jQuery,實(shí)現(xiàn)隨意拖動(dòng)層并即時(shí)保存拖動(dòng)位置。十分的實(shí)用，有需要的小伙伴可以參考下。
2015-04-04
jquery轉(zhuǎn)盤抽獎(jiǎng)功能實(shí)現(xiàn)
這篇文章主要介紹了jquery轉(zhuǎn)盤抽獎(jiǎng)功能實(shí)現(xiàn)，實(shí)現(xiàn)的效果是九宮格大轉(zhuǎn)盤抽獎(jiǎng)，應(yīng)用特別廣泛的轉(zhuǎn)盤抽獎(jiǎng)方式，感興趣的小伙伴們可以參考一下
2015-11-11
jQuery中appendTo()方法用法實(shí)例
這篇文章主要介紹了jQuery中appendTo()方法用法,實(shí)例分析了appendTo()方法的功能、定義及把匹配的元素插入指定元素結(jié)尾的使用技巧,需要的朋友可以參考下
2015-01-01
jquery實(shí)現(xiàn)點(diǎn)擊頁面計(jì)算點(diǎn)擊次數(shù)
這篇文章主要給大家分享了一段使用jquery實(shí)現(xiàn)點(diǎn)擊頁面計(jì)算點(diǎn)擊次數(shù)的代碼，非常實(shí)用，有需要的小伙伴參考下。
2015-01-01
jQuery實(shí)現(xiàn)鼠標(biāo)跟隨效果
本文主要分享了jQuery實(shí)現(xiàn)鼠標(biāo)跟隨效果的示例代碼。具有很好的參考價(jià)值，下面跟著小編一起來看下吧
2017-02-02
jquery通過ajax加載一段文本內(nèi)容的方法
這篇文章主要介紹了jquery通過ajax加載一段文本內(nèi)容的方法,是jQuery針對(duì)Ajax的靈活應(yīng)用,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-01-01