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 相关文章推荐
ext 列表页面关于多行查询的办法
Mar 25 Javascript
JavaScript通过元素的ID和name设置样式
Jul 08 Javascript
Jquery实现$.fn.extend和$.extend函数
Apr 14 Javascript
关于function类中定义变量this的简单说明
May 28 Javascript
浅谈bootstrap源码分析之tab(选项卡)
Jun 06 Javascript
AngularJS 执行流程详细介绍
Aug 18 Javascript
jQuery事件处理的特征(事件命名机制)
Aug 23 Javascript
vue移动端实现红包雨效果
Jun 23 Javascript
利用原生JavaScript实现造日历轮子实例代码
May 08 Javascript
javascript 原型与原型链的理解及实例分析
Nov 23 Javascript
微信小程序中data-key属性之数据传输(经验总结)
Aug 22 Javascript
Vue elementUI表单嵌套表格并对每行进行校验详解
Feb 18 Vue.js
为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
php格式输出文件var_export函数实例
2014/11/15 PHP
php实现指定字符串中查找子字符串的方法
2015/03/17 PHP
php实现的验证码文件类实例
2015/06/18 PHP
tp5框架基于Ajax实现列表无刷新排序功能示例
2020/02/10 PHP
正则表达式判断是否存在中文和全角字符和判断包含中文字符串长度
2008/09/27 Javascript
优化javascript的执行速度
2010/01/23 Javascript
jQuery获取样式中的背景颜色属性值/颜色值
2012/12/17 Javascript
解析javascript 数组以及json元素的添加删除
2013/06/26 Javascript
Javascript writable特性介绍
2015/02/27 Javascript
javascript实现点击商品列表checkbox实时统计金额的方法
2015/05/15 Javascript
jQuery.extend 函数及用法详细
2015/09/06 Javascript
如何使用jquery easyui创建标签组件
2015/11/18 Javascript
纯JavaScript代码实现文本比较工具
2016/02/17 Javascript
jQuery制作图片旋转效果
2017/02/02 Javascript
VueJs使用Amaze ui调整列表和内容页面
2017/11/30 Javascript
详解JavaScript中typeof与instanceof用法
2018/10/24 Javascript
VuePress 静态网站生成方法步骤
2019/02/14 Javascript
小程序rich-text组件如何改变内部img图片样式的方法
2019/05/22 Javascript
原生JS使用Canvas实现拖拽式绘图功能
2019/06/05 Javascript
利用js-cookie实现前端设置缓存数据定时失效
2019/06/18 Javascript
vue 项目打包时样式及背景图片路径找不到的解决方式
2019/11/12 Javascript
Python学习笔记整理3之输入输出、python eval函数
2015/12/14 Python
基于python实现聊天室程序
2018/07/27 Python
pytorch中tensor.expand()和tensor.expand_as()函数详解
2019/12/27 Python
Python如何基于smtplib发不同格式的邮件
2019/12/30 Python
HTML5标签与HTML4标签的区别示例介绍
2013/07/18 HTML / CSS
html5中使用hotcss.js实现手机端自适配的方法
2020/04/23 HTML / CSS
Notino罗马尼亚网站:购买香水和化妆品
2019/07/20 全球购物
在C语言中"指针和数组等价"到底是什么意思?
2014/03/24 面试题
部门年终奖分配方案
2014/05/07 职场文书
免职证明样本
2014/10/23 职场文书
师德师风学习材料
2014/12/19 职场文书
锅炉工岗位职责
2015/02/13 职场文书
一个家长教育孩子的心得体会
2016/01/15 职场文书
MySQL 存储过程的优缺点分析
2021/05/20 MySQL
Vue实现导入Excel功能步骤详解
2021/07/03 Vue.js