EasyUI 中 MenuButton 的使用方法
更新時(shí)間:2012年07月14日 12:42:34 作者:
在EasyUI 的Demo 中 只有MenuButton 的顯示DEMO,沒(méi)有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)屬性參見(jià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)屬性參見(jiàn)API中的menu
alert(item.text);
}
})
好了。今天就到這里
您可能感興趣的文章:
- Flutter 超實(shí)用簡(jiǎn)單菜單彈出框 PopupMenuButton功能
- ubutu 16.04環(huán)境下,PHP與mysql數(shù)據(jù)庫(kù),網(wǎng)頁(yè)登錄驗(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.gridrotator實(shí)現(xiàn)響應(yīng)式圖片展示畫廊效果
本教程將教大家制作一個(gè)jQuery響應(yīng)式圖片展示畫廊效果,所有圖片以網(wǎng)格的形式排列,然后定時(shí)隨機(jī)翻轉(zhuǎn)其中某些格子用來(lái)切換圖片。這種效果可以用來(lái)當(dāng)做背景或裝飾放在我們的網(wǎng)站上。2015-06-06jquery Tab 選項(xiàng)卡通用函數(shù)
用類作為選擇符雖然效率低點(diǎn)但是 可以多次重用 這個(gè)性質(zhì)不錯(cuò)2010-04-04jQuery實(shí)現(xiàn)簡(jiǎn)單的計(jì)時(shí)器功能實(shí)例分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單的計(jì)時(shí)器功能,結(jié)合實(shí)例形式分析了jQuery實(shí)現(xiàn)倒計(jì)時(shí)60秒的具體操作技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-08-08如何使用jQuery來(lái)處理圖片壞鏈具體實(shí)現(xiàn)步驟
也就是說(shuō)如果這個(gè)圖片沒(méi)有加載成功了會(huì)怎么辦,下面為大大家分享下如何處理裂圖,感興趣的朋友可以參考下哈,希望對(duì)你有所幫助2013-05-05picLazyLoad 實(shí)現(xiàn)圖片延時(shí)加載(包含背景圖片)
下面小編就為大家?guī)?lái)一篇picLazyLoad 實(shí)現(xiàn)圖片延時(shí)加載(包含背景圖片)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07關(guān)于頁(yè)面加載即執(zhí)行JQuery的三種方法小結(jié)
這篇文章主要介紹了關(guān)于頁(yè)面加載即執(zhí)行JQuery的三種方法小結(jié),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-10-10jquery實(shí)現(xiàn)的一個(gè)簡(jiǎn)單進(jìn)度條效果實(shí)例
這篇文章主要介紹了jquery實(shí)現(xiàn)的一個(gè)簡(jiǎn)單進(jìn)度條效果實(shí)例,很好的一個(gè)入門實(shí)例,從一個(gè)方面介紹了進(jìn)度的實(shí)現(xiàn)原理,需要的朋友可以參考下2014-05-05