EasyUI 中 MenuButton 的使用方法
更新時(shí)間：2012年07月14日 12:42:34 作者：
在EasyUI 的Demo 中 只有MenuButton 的顯示DEMO，沒有click 事件的相關(guān)操作，項(xiàng)目中正好用到啦，所以研究了下，可以用js 動(dòng)態(tài)的為menu item 綁定click 事件
具體操作實(shí)現(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:
//初始化
var ddlMenu = $('#a4').menubutton({ menu: '#cusmenu' });
//menubutton 依賴于 menu、linkbutton 這兩個(gè)插件，所以我們可以這樣搞定她
$(ddlMenu.menubutton('options').menu).menu({
onClick: function (item) {
//item 的相關(guān)屬性參見API中的menu
alert(item.text);
}
})
好了。今天就到這里
Html 代碼：
復(fù)制代碼 代碼如下:
<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 這兩個(gè)插件，所以我們可以這樣搞定她
$(ddlMenu.menubutton('options').menu).menu({
onClick: function (item) {
//item 的相關(guān)屬性參見API中的menu
alert(item.text);
}
})
好了。今天就到這里
您可能感興趣的文章:
- Flutter 超實(shí)用簡(jiǎn)單菜單彈出框 PopupMenuButton功能
- ubutu 16.04環(huán)境下,PHP與mysql數(shù)據(jù)庫,網(wǎng)頁登錄驗(yàn)證實(shí)例講解
- ubutun 安裝php7.1x教程詳解
- jQuery EasyUI API 中文文檔 - MenuButton菜單按鈕使用介紹
- Deepin20安裝開發(fā)環(huán)境的超詳細(xì)教程
- Manjaro安裝CUDA實(shí)現(xiàn)教程解析
- Goland激活碼破解永久版及安裝詳細(xì)教程(親測(cè)可以)
- Goland 的安裝及激活教程(window、linux下安裝)
- superset在linux和windows下的安裝和部署詳細(xì)教程
- Ubutu1604安裝colmap實(shí)現(xiàn)方法詳細(xì)教程
相關(guān)文章
很多新手朋友們都不知道jquery 中的each()怎么跳出循環(huán)，在each的回調(diào)函數(shù)中使用return false2014-05-05
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-03-03
jQtransForm jQuery表單美化修飾插件，附帶有PHP提交程序，當(dāng)然ASP/ASP/NET/JSP都是同理，這里主要是jQuery美化部分的實(shí)例，美化對(duì)象為文本框、密碼框、文本域、Select下拉框、按鈕等，有了這些示例，美化其它的表單元素應(yīng)該不是大問題。2012-07-07
這篇文章主要介紹了 jQuery Plupload上傳插件的使用詳解,需要的朋友可以參考下2017-04-04
jquery實(shí)現(xiàn)的超出屏幕時(shí)把固定層變?yōu)槎ㄎ粚拥拇a
相信很多人都上過taobao吧，在taobao的產(chǎn)品列表頁有一個(gè)浮動(dòng)的用來排序的浮動(dòng)層，當(dāng)你拖動(dòng)滾動(dòng)條而導(dǎo)致那個(gè)排序欄看不到的時(shí)候它會(huì)自動(dòng)變?yōu)楦?dòng)層，一直固定在那里。2010-02-02
右下角彈出提示框想必大家都有見到過吧，其實(shí)有實(shí)現(xiàn)方法有很多，在本文為大家詳細(xì)介紹在jquery中具體的實(shí)現(xiàn)，感興趣的朋友可以了解下2013-10-10
什么是事件起泡：一個(gè)事件不能憑空產(chǎn)生，這就是事件的發(fā)生等等，接下來為大家介紹下jquery阻止事件起泡以及關(guān)于js事件起泡的驗(yàn)證，感興趣的朋友可以參考下哈2013-03-03
本文給大家分享一段jquery代碼實(shí)現(xiàn)手指滑動(dòng)輪播效果，代碼簡(jiǎn)單易懂，非常不錯(cuò)，需要的朋友參考下2016-12-12
彥磊基于jQuery圖片平滑滾動(dòng)插件(2009.04) 在IE6/IE7/Mozilla 5.0（Firefox 3.0.5）中測(cè)試通過2009-04-04
jQuery對(duì)象與DOM對(duì)象轉(zhuǎn)換方法詳解
這篇文章主要介紹了jQuery對(duì)象與DOM對(duì)象的轉(zhuǎn)換方法,結(jié)合實(shí)例形式分析了jQuery對(duì)象及DOM對(duì)象的作用與二者的相互轉(zhuǎn)換技巧,需要的朋友可以參考下2016-05-05