jQuery EasyUI 中文API Button使用实例


Posted in Javascript onApril 14, 2010

LinkButton【链接按钮】
使用说明
使用到的头文件:easyui.css、icon.css、jquery-1.4.2.min.js、jquery.easyui.min.js

<a href="#" id="btn" icon="icon-search">easyui</a>

JQuery代码

$('#btn').linkbutton(options);

特性说明

名称 类型 描述 默认值
disabled boolean 启用、禁用按钮 false
plain boolean 是否启用样式 false

查看演示 官方文档

MenuButton【菜单按钮】
MenuButton包括链接按钮跟菜单

创建一个MenuButton就要指派一个菜单的linkbutton属性

使用说明
使用到的头文件:easyui.css、icon.css、jquery-1.4.2.min.js、jquery.easyui.min.js

<a href="javascript:void(0)" id="mb" icon="icon-edit">Edit</a> <div id="mm" style="width:150px;"> 
<div icon="icon-undo">Undo</div> 
<div icon="icon-redo">Redo</div> 
<div class="menu-sep"></div> 
<div>Cut</div> 
<div>Copy</div> 
<div>Paste</div> 
<div class="menu-sep"></div> 
<div icon="icon-remove">Delete</div> 
<div>Select All</div> 
</div>

JQuery
$('#mb').menubutton({ 
menu: '#mm' 
});

依赖
链接按钮
特性说明
类型 描述 默认值
disabled boolean 启用、禁用按钮 false
plain boolean 是否显示样式 false
menu string 选择器创建一个相应的菜单。 null
duration number 菜单按钮持续显示时间【毫秒】 100

查看演示   官方文档

说明

还有一个SplitButton,个人感觉跟menubutt一样的,官方文档这样解释的:Similar to MenuButton, SplitButton include linkbutton and menu but can act as a single button.

唯一的区别就是它可以单独作为一个按钮。特性也是跟上面的menubutt一样,这里就不多说了,有兴趣可看官方文档

Javascript 相关文章推荐
JS实现打开本地文件或文件夹
Mar 09 Javascript
AJAX的跨域与JSONP(为文章自动添加短址的功能)
Jan 17 Javascript
jQuery简单图表peity.js使用示例
May 02 Javascript
javascript创建cookie、读取cookie
Mar 31 Javascript
探讨:JavaScript ECAMScript5 新特性之get/set访问器
May 05 Javascript
javascript的理解及经典案例分析
May 20 Javascript
javascript 判断页面访问方式电脑或者移动端
Sep 19 Javascript
ajax实现加载页面、删除、查看详细信息 bootstrap美化页面!
Mar 14 Javascript
使用requirejs模块化开发多页面一个入口js的使用方式
Jun 14 Javascript
vue实现nav导航栏的方法
Dec 13 Javascript
vue中设置、获取、删除cookie的方法
Sep 21 Javascript
Vue列表循环从指定下标开始的多种解决方案
Apr 08 Javascript
ImageZoom 图片放大镜效果(多功能扩展篇)
Apr 14 #Javascript
JavaScript中的prototype使用说明
Apr 13 #Javascript
Js 刷新框架页的代码
Apr 13 #Javascript
百度Popup.js弹出框进化版 拖拽小框架发布 兼容IE6/7/8,Firefox,Chrome
Apr 13 #Javascript
JavaScript在IE和Firefox(火狐)的不兼容问题解决方法小结
Apr 13 #Javascript
JavaScript 数组运用实现代码
Apr 13 #Javascript
关于Jqzoom的使用心得 jquery放大镜效果插件
Apr 12 #Javascript
You might like
PHP 日期加减的类,很不错
2009/10/10 PHP
基于HBase Thrift接口的一些使用问题及相关注意事项的详解
2013/06/03 PHP
php输出echo、print、print_r、printf、sprintf、var_dump的区别比较
2013/06/21 PHP
PHP 图片合成、仿微信群头像的方法示例
2019/10/25 PHP
javascript中onclick(this)用法介绍
2013/04/19 Javascript
jQuery取得select选择的文本与值的示例
2013/12/09 Javascript
在JS数组特定索引处指定位置插入元素的技巧
2014/08/24 Javascript
jQuery使用drag效果实现自由拖拽div
2015/06/11 Javascript
基于Jquery插件实现跨域异步上传文件功能
2016/04/26 Javascript
BOM系列第一篇之定时器setTimeout和setInterval
2016/08/17 Javascript
js中用cssText设置css样式的简单方法
2016/09/19 Javascript
AngularJS指令与指令之间的交互功能示例
2016/12/14 Javascript
js querySelector() 使用方法
2016/12/21 Javascript
jQuery实现文字自动横移
2017/01/08 Javascript
ES6新特性八:async函数用法实例详解
2017/04/21 Javascript
详解ESLint在Vue中的使用小结
2018/10/15 Javascript
vue项目中引入vue-datepicker插件的详解
2019/05/14 Javascript
[01:09:40]Newbee vs Pain 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
[01:21:07]EG vs Liquid 2018国际邀请赛淘汰赛BO3 第一场 8.25
2018/08/29 DOTA
Python中with及contextlib的用法详解
2017/06/08 Python
python利用paramiko连接远程服务器执行命令的方法
2017/10/16 Python
python中字符串数组逆序排列方法总结
2019/06/23 Python
Python内置方法和属性应用:反射和单例(推荐)
2020/06/19 Python
python操作微信自动发消息的实现(微信聊天机器人)
2020/07/14 Python
Oakley官网:运动太阳镜、雪镜和服装
2016/09/30 全球购物
SmartBuyGlasses美国官网:太阳眼镜和眼镜
2017/08/20 全球购物
Ralph Lauren拉夫·劳伦美国官网:带有浓郁美国气息的高品味时装品牌
2017/11/01 全球购物
Wiggle新西兰:自行车、跑步、游泳
2020/05/06 全球购物
软件测试笔试题
2012/10/25 面试题
党员干部承诺书范文
2014/03/25 职场文书
水污染治理工程专业求职信
2014/06/14 职场文书
餐饮服务员岗位职责
2015/02/09 职场文书
工作时间证明
2015/06/15 职场文书
女方家长婚礼致辞
2015/07/27 职场文书
​(迎国庆)作文之我爱我的祖国
2019/09/19 职场文书
jdbc使用PreparedStatement批量插入数据的方法
2021/04/27 MySQL