当前位置： 移动技术网 > IT编程>开发语言>JavaScript > EasyUI 中 MenuButton 的使用方法

EasyUI 中 MenuButton 的使用方法

2018年11月25日  | 移动技术网IT编程  | 我要评论

具体操作实现方法：
html 代码：

代码如下:


<a id="a4" style="color:#0094ff" icon="icon-lightning">批量设置列宽</a>
<p id="cusmenu" style="width:150px;">
<p id="80">宽度 80px</p>
<p id="100">宽度 100px</p>
<p id="120">宽度 120px</p>
<p class="menu-sep"></p>
<p iconcls="icon-set2">自定义列宽</p>
</p>


js:

代码如下:


//初始化
var ddlmenu = $('#a4').menubutton({ menu: '#cusmenu' });
//menubutton 依赖于 menu、linkbutton 这两个插件，所以我们可以这样搞定她
$(ddlmenu.menubutton('options').menu).menu({
onclick: function (item) {
//item 的相关属性参见api中的menu
alert(item.text);
}
})

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网