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:
//初始化
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);
}
})
好了。今天就到這里
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 這兩個插件，所以我們可以這樣搞定她
$(ddlMenu.menubutton('options').menu).menu({
onClick: function (item) {
//item 的相關(guān)屬性參見API中的menu
alert(item.text);
}
})
好了。今天就到這里
您可能感興趣的文章:
- Flutter 超實用簡單菜單彈出框 PopupMenuButton功能
- ubutu 16.04環(huán)境下,PHP與mysql數(shù)據(jù)庫,網(wǎng)頁登錄驗證實例講解
- ubutun 安裝php7.1x教程詳解
- jQuery EasyUI API 中文文檔 - MenuButton菜單按鈕使用介紹
- Deepin20安裝開發(fā)環(huán)境的超詳細(xì)教程
- Manjaro安裝CUDA實現(xiàn)教程解析
- Goland激活碼破解永久版及安裝詳細(xì)教程(親測可以)
- Goland 的安裝及激活教程(window、linux下安裝)
- superset在linux和windows下的安裝和部署詳細(xì)教程
- Ubutu1604安裝colmap實現(xiàn)方法詳細(xì)教程
相關(guān)文章
jquery.gridrotator實現(xiàn)響應(yīng)式圖片展示畫廊效果
本教程將教大家制作一個jQuery響應(yīng)式圖片展示畫廊效果，所有圖片以網(wǎng)格的形式排列，然后定時隨機翻轉(zhuǎn)其中某些格子用來切換圖片。這種效果可以用來當(dāng)做背景或裝飾放在我們的網(wǎng)站上。2015-06-06
Jquery截取中文字符串的實現(xiàn)代碼，需要的朋友可以參考下。2010-12-12
這篇文章主要介紹了jQuery中mouseover事件用法,以實例形式分析了mouseover事件處理鼠標(biāo)指針滑過時的使用技巧,需要的朋友可以參考下2014-12-12
本文給大家簡單介紹了jQuery的核心函數(shù)，以及詳細(xì)介紹了7種重載方法中的3種，十分的實用，有需要的小伙伴可以參考下。2015-06-06
用類作為選擇符雖然效率低點但是 可以多次重用 這個性質(zhì)不錯2010-04-04
這篇文章主要介紹了jQuery實現(xiàn)簡單的計時器功能,結(jié)合實例形式分析了jQuery實現(xiàn)倒計時60秒的具體操作技巧與相關(guān)注意事項,需要的朋友可以參考下2017-08-08
也就是說如果這個圖片沒有加載成功了會怎么辦，下面為大大家分享下如何處理裂圖，感興趣的朋友可以參考下哈，希望對你有所幫助2013-05-05
picLazyLoad 實現(xiàn)圖片延時加載(包含背景圖片)
下面小編就為大家?guī)硪黄猵icLazyLoad 實現(xiàn)圖片延時加載(包含背景圖片)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
關(guān)于頁面加載即執(zhí)行JQuery的三種方法小結(jié)
這篇文章主要介紹了關(guān)于頁面加載即執(zhí)行JQuery的三種方法小結(jié)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了jquery實現(xiàn)的一個簡單進度條效果實例,很好的一個入門實例,從一個方面介紹了進度的實現(xiàn)原理,需要的朋友可以參考下2014-05-05