在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 依賴(lài)于 menu、linkbutton 這兩個(gè)插件，所以我們可以這樣搞定她 $(ddlMenu.menubutton('options').menu).menu({onClick: function (item) {//item 的相關(guān)屬性參見(jiàn)API中的menualert(item.text);} })

好了。今天就到這里，休息休息一下！

?

轉(zhuǎn)載于:https://www.cnblogs.com/hxling/archive/2012/07/12/2587579.html

總結(jié)

以上是生活随笔為你收集整理的EasyUI 中 MenuButton 的使用方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。