在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中的menualert(item.text);} })

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

?

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

總結(jié)

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

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