EasyUI 中 MenuButton 的使用方法

230 阅读 0 评论 152 点赞

我是靠谱客的博主欢喜小蜜蜂，最近开发中收集的这篇文章主要介绍EasyUI 中 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); 
} 
}) 

好了。今天就到这里