快捷導(dǎo)航

EasyUI 中 MenuButton 的使用方法

更新時間：2012年07月14日 12:42:34 作者：

在EasyUI 的Demo 中只有MenuButton 的顯示DEMO，沒有click 事件的相關(guān)操作，項目中正好用到啦，所以研究了下，可以用js 動態(tài)的為menu item 綁定click 事件

具體操作實現(xiàn)方法：
Html 代碼：

 
<a id="a4" style="color:#0094ff" icon="icon-lightning">批量設(shè)置列寬</a> 
<div id="cusmenu" style="width:150px;"> 
<div id="80">寬度 80px</div> 
<div id="100">寬度 100px</div> 
<div id="120">寬度 120px</div> 
<div class="menu-sep"></div> 
<div iconCls="icon-set2">自定義列寬</div> 
</div> 

js:

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

 
//初始化 
var ddlMenu = $('#a4').menubutton({ menu: '#cusmenu' }); 
//menubutton 依賴于 menu、linkbutton 這兩個插件，所以我們可以這樣搞定她 
$(ddlMenu.menubutton('options').menu).menu({ 
onClick: function (item) { 
//item 的相關(guān)屬性參見API中的menu 
alert(item.text); 
} 
}) 

好了。今天就到這里

您可能感興趣的文章:

MenuButton

相關(guān)文章

jquery 中的each()跳出循環(huán)的語句
很多新手朋友們都不知道jquery 中的each()怎么跳出循環(huán)，在each的回調(diào)函數(shù)中使用return false
2014-05-05
基于jquery實現(xiàn)輪播圖效果
這篇文章主要為大家詳細介紹了基于jquery實現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-03-03
jqTransform form表單美化插件使用方法
jQtransForm jQuery表單美化修飾插件，附帶有PHP提交程序，當(dāng)然ASP/ASP/NET/JSP都是同理，這里主要是jQuery美化部分的實例，美化對象為文本框、密碼框、文本域、Select下拉框、按鈕等，有了這些示例，美化其它的表單元素應(yīng)該不是大問題。
2012-07-07
jQuery Plupload上傳插件的使用
這篇文章主要介紹了 jQuery Plupload上傳插件的使用詳解,需要的朋友可以參考下
2017-04-04
jquery實現(xiàn)的超出屏幕時把固定層變?yōu)槎ㄎ粚拥拇a
相信很多人都上過taobao吧，在taobao的產(chǎn)品列表頁有一個浮動的用來排序的浮動層，當(dāng)你拖動滾動條而導(dǎo)致那個排序欄看不到的時候它會自動變?yōu)楦訉?，一直固定在那里?/div> 2010-02-02
jquery右下角彈出提示框示例代碼
右下角彈出提示框想必大家都有見到過吧，其實有實現(xiàn)方法有很多，在本文為大家詳細介紹在jquery中具體的實現(xiàn)，感興趣的朋友可以了解下
2013-10-10
事件冒泡是什么如何用jquery阻止事件冒泡
什么是事件起泡：一個事件不能憑空產(chǎn)生，這就是事件的發(fā)生等等，接下來為大家介紹下jquery阻止事件起泡以及關(guān)于js事件起泡的驗證，感興趣的朋友可以參考下哈
2013-03-03
jQuery手指滑動輪播效果
本文給大家分享一段jquery代碼實現(xiàn)手指滑動輪播效果，代碼簡單易懂，非常不錯，需要的朋友參考下
2016-12-12
基于jQuery圖片平滑連續(xù)滾動插件
彥磊基于jQuery圖片平滑滾動插件(2009.04) 在IE6/IE7/Mozilla 5.0（Firefox 3.0.5）中測試通過
2009-04-04
jQuery對象與DOM對象轉(zhuǎn)換方法詳解
這篇文章主要介紹了jQuery對象與DOM對象的轉(zhuǎn)換方法,結(jié)合實例形式分析了jQuery對象及DOM對象的作用與二者的相互轉(zhuǎn)換技巧,需要的朋友可以參考下
2016-05-05