EasyUI 中 MenuButton 的使用方法


Posted in Javascript onJuly 14, 2012

具体操作实现方法:
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); 
} 
})

好了。今天就到这里
Javascript 相关文章推荐
基于jquery的tab切换 js原理
Apr 01 Javascript
jQuery 通过事件委派一次绑定多种事件,以减少事件冗余
Jun 30 Javascript
contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
Sep 13 Javascript
关于IE BUG与字符串截取substr的解决办法
Apr 10 Javascript
AngularJS入门教程(零):引导程序
Dec 06 Javascript
JS实现合并两个数组并去除重复项只留一个的方法
Dec 17 Javascript
浅谈jquery的html方法里包含特殊字符的处理
Nov 30 Javascript
layui框架中layer父子页面交互的方法分析
Nov 15 Javascript
Vue iview-admin框架二级菜单改为三级菜单的方法
Jul 03 Javascript
详解vue填坑之解决部分浏览器不支持pushState方法
Jul 12 Javascript
Vue之Mixins(混入)的使用方法
Sep 24 Javascript
微信小程序 动态修改页面数据及参数传递过程详解
Sep 27 Javascript
为EasyUI的Tab标签添加右键菜单的方法
Jul 14 #Javascript
jQuery Tools tab(幻灯片)
Jul 14 #Javascript
jQuery Tools tab使用介绍
Jul 14 #Javascript
jQuery Tools Dateinput使用介绍
Jul 14 #Javascript
jQuery Tools tooltip使用说明
Jul 14 #Javascript
jQuery-Tools-overlay 使用介绍
Jul 14 #Javascript
js点击页面其它地方将某个显示的DIV隐藏
Jul 12 #Javascript
You might like
SMARTY学习手记
2007/01/04 PHP
PHPStrom中实用的功能和快捷键大全
2015/09/23 PHP
php根据用户名和手机号查询是否存在手机号码
2017/02/16 PHP
多个iframe自动调整大小的问题
2006/09/18 Javascript
JavaScipt中的Math.ceil() 、Math.floor() 、Math.round() 三个函数的理解
2010/04/29 Javascript
精通Javascript系列之数据类型 字符串
2011/06/08 Javascript
jQuery EasyUI API 中文文档 可调整尺寸
2011/09/29 Javascript
基于jquery的图片幻灯展示源码
2012/07/15 Javascript
jquery控制display属性为none或block
2014/03/31 Javascript
jquery实现隐藏在左侧的弹性弹出菜单效果
2015/09/18 Javascript
javascript创建cookie、读取cookie
2016/03/31 Javascript
通过jquery-ui中的sortable来实现拖拽排序的简单实例
2016/05/24 Javascript
纯JS实现图片验证码功能并兼容IE6-8(推荐)
2017/04/19 Javascript
vue better scroll 无法滚动的解决方法
2018/06/07 Javascript
实例分析vue循环列表动态数据的处理方法
2018/09/28 Javascript
JavaScript实现简单轮播图效果
2018/12/01 Javascript
在Create React App中启用Sass和Less的方法示例
2019/01/16 Javascript
js设置鼠标悬停改变背景色实现详解
2019/06/26 Javascript
ES6 class的应用实例分析
2019/06/27 Javascript
layui自己添加图片按钮并点击跳转页面的例子
2019/09/14 Javascript
nuxt 实现在其它js文件中使用store的方式
2020/11/05 Javascript
python构造icmp echo请求和实现网络探测器功能代码分享
2014/01/10 Python
Python3调用微信企业号API发送文本消息代码示例
2017/11/10 Python
python之从文件读取数据到list的实例讲解
2018/04/19 Python
python查看列的唯一值方法
2018/07/17 Python
Python中面向对象你应该知道的一下知识
2019/07/10 Python
AmazeUI中模态框的实现
2020/08/19 HTML / CSS
德国机场停车位比较和预订网站:Ich-parke-billiger
2018/01/08 全球购物
销售主管的自我评价分享
2014/01/03 职场文书
革命英雄事迹演讲稿
2014/09/13 职场文书
超市开店计划书
2014/09/15 职场文书
社区党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
2014年最新领导班子整改方案
2014/09/27 职场文书
2014年度个人工作总结范文
2015/03/09 职场文书
电力工程合作意向书
2015/05/11 职场文书
动视暴雪取消疫苗禁令 让所有员工返回线下工作
2022/04/03 其他游戏