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 相关文章推荐
js操作textarea方法集合封装(兼容IE,firefox)
Feb 22 Javascript
javascript开发技术大全 第4章 直接量与字符集
Jul 03 Javascript
重写javascript中window.confirm的行为
Oct 21 Javascript
一个不错的仿携程自定义数据下拉选择select
Sep 01 Javascript
js实现每日自动换一张图片的方法
May 04 Javascript
使用struts2+Ajax+jquery验证用户名是否已被注册
Mar 22 Javascript
[原创]jQuery实现合并/追加数组并去除重复项的方法
Apr 11 jQuery
vue实现的组件兄弟间通信功能示例
Dec 04 Javascript
微信小程序 WXML节点信息查询详解
Jul 29 Javascript
vue登录以及权限验证相关的实现
Oct 25 Javascript
vue 监听窗口变化对页面部分元素重新渲染操作
Jul 28 Javascript
利用 JavaScript 实现并发控制的示例代码
Dec 31 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
如何对PHP程序中的常见漏洞进行攻击(下)
2006/10/09 PHP
PHP中addslashes与mysql_escape_string的区别分析
2016/04/25 PHP
php mysql操作mysql_connect连接数据库实例详解
2016/12/26 PHP
php array_map()函数实例用法
2021/03/03 PHP
HTTP 304错误的详细讲解
2013/11/13 Javascript
JS小功能(列表页面隔行变色)简单实现
2013/11/28 Javascript
JavaScript 基本概念
2015/01/20 Javascript
jquery动态导航插件dynamicNav用法实例分析
2015/09/06 Javascript
jQuery简单注册和禁用全局事件的方法
2016/07/25 Javascript
AngularJs基于角色的前端访问控制的实现
2016/11/07 Javascript
10个最优秀的Node.js MVC框架
2017/08/24 Javascript
用Axios Element实现全局的请求loading的方法
2018/03/15 Javascript
解决vue中post方式提交数据后台无法接收的问题
2018/08/11 Javascript
在 Angular-cli 中使用 simple-mock 实现前端开发 API Mock 接口数据模拟功能的方法
2018/11/28 Javascript
微信小程序实现基于三元运算验证手机号/姓名功能示例
2019/01/19 Javascript
postman自定义函数实现 时间函数的思路详解
2019/04/17 Javascript
angular4应用中输入的最小值和最大值的方法
2019/05/17 Javascript
javascript实现获取中文汉字拼音首字母
2020/05/19 Javascript
Python利用公共键如何对字典列表进行排序详解
2018/05/19 Python
python3.x实现发送邮件功能
2018/05/22 Python
python多线程共享变量的使用和效率方法
2019/07/16 Python
python开头的coding设置方法
2019/08/08 Python
Python 多线程,threading模块,创建子线程的两种方式示例
2019/09/29 Python
Python爬虫爬取有道实现翻译功能
2020/11/27 Python
详解HTML5 canvas绘图基本使用方法
2018/01/29 HTML / CSS
简单整理HTML5的基本特性和语法
2016/02/18 HTML / CSS
欧缇丽美国官网:Caudalie美国
2016/12/31 全球购物
智能钱包:Ekster
2019/11/21 全球购物
C#可否对内存进行直接的操作
2015/02/26 面试题
几个Shell Script面试题
2014/04/18 面试题
测绘工程个人的自我评价
2013/11/23 职场文书
英文导游欢迎词
2014/01/11 职场文书
劳动实践课感言
2014/02/01 职场文书
综治维稳工作汇报
2014/10/27 职场文书
Go 自定义package包设置与导入操作
2021/05/06 Golang
解析MySQL索引的作用
2022/03/03 MySQL