EasyUI 中 MenuButton 的使用方法 |
本文标签:MenuButton 具体操作实现方法: 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); } }) 好了 。今天就到这里 |