EasyUI 中 MenuButton 的使用方法

在EasyUI 的Demo 中 只有MenuButton 的顯示DEMO，沒有click 事件的相關操作，項目中正好用到啦，所以研究了下，可以用js 動態為menu item 綁定click 事件。

具體操作實現方法：

Html 代碼：

<a id="a4" style="color:#0094ff"  icon="icon-lightning">大量設定列寬</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 的相關屬性參見API中的menu                alert(item.text);            }})

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