EasyUI 中 MenuButton 的使用方法
更新时间：2012年07月14日 12:42:34 作者：
在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);
}
})
好了。今天就到这里
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);
}
})
好了。今天就到这里
您可能感兴趣的文章:
相关文章
很多新手朋友们都不知道jquery 中的each()怎么跳出循环，在each的回调函数中使用return false2014-05-05
这篇文章主要为大家详细介绍了基于jquery实现轮播图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-03-03
jQtransForm jQuery表单美化修饰插件，附带有PHP提交程序，当然ASP/ASP/NET/JSP都是同理，这里主要是jQuery美化部分的实例，美化对象为文本框、密码框、文本域、Select下拉框、按钮等，有了这些示例，美化其它的表单元素应该不是大问题。2012-07-07
这篇文章主要介绍了 jQuery Plupload上传插件的使用详解,需要的朋友可以参考下2017-04-04
相信很多人都上过taobao吧，在taobao的产品列表页有一个浮动的用来排序的浮动层，当你拖动滚动条而导致那个排序栏看不到的时候它会自动变为浮动层，一直固定在那里。2010-02-02
右下角弹出提示框想必大家都有见到过吧，其实有实现方法有很多，在本文为大家详细介绍在jquery中具体的实现，感兴趣的朋友可以了解下2013-10-10
什么是事件起泡：一个事件不能凭空产生，这就是事件的发生等等，接下来为大家介绍下jquery阻止事件起泡以及关于js事件起泡的验证，感兴趣的朋友可以参考下哈2013-03-03
本文给大家分享一段jquery代码实现手指滑动轮播效果，代码简单易懂，非常不错，需要的朋友参考下2016-12-12
彦磊基于jQuery图片平滑滚动插件(2009.04) 在IE6/IE7/Mozilla 5.0（Firefox 3.0.5）中测试通过2009-04-04
这篇文章主要介绍了jQuery对象与DOM对象的转换方法,结合实例形式分析了jQuery对象及DOM对象的作用与二者的相互转换技巧,需要的朋友可以参考下2016-05-05
最新评论