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 相关文章推荐
单击按钮显示隐藏子菜单经典案例
Jan 04 Javascript
浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题
Jun 11 Javascript
EasyUI Pagination 分页的两种做法小结
Jul 09 Javascript
详解ES6中的let命令
Apr 05 Javascript
利用vue实现模态框组件
Dec 19 Javascript
基于Vue实现timepicker
Apr 25 Javascript
使用bootstrap插件实现模态框效果
May 10 Javascript
bootstrap插件treeview实现全选父节点下所有子节点和反选功能
Jul 21 Javascript
基于angular6.0实现的一个组件懒加载功能示例
Apr 12 Javascript
vue.js实现回到顶部动画效果
Jul 31 Javascript
vue表单中遍历表单操作按钮的显示隐藏示例
Oct 30 Javascript
js实现点击烟花特效
Oct 14 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相关资料
2006/10/09 PHP
php简单浏览目录内容的实现代码
2013/06/07 PHP
PHP图片添加水印功能示例小结
2016/10/03 PHP
php外部执行命令函数用法小结
2016/10/11 PHP
PHP+Mysql+Ajax实现淘宝客服或阿里旺旺聊天功能(前台页面)
2017/06/16 PHP
Yii Framework框架使用PHPExcel组件的方法示例
2019/07/24 PHP
php使用curl伪造浏览器访问操作示例
2019/09/30 PHP
用于判断用户注册时,密码强度的JS代码
2009/01/01 Javascript
js数组与字符串的相互转换方法
2014/07/09 Javascript
jQuery动画特效实例教程
2014/08/29 Javascript
JS实现网页右侧带动画效果的伸缩窗口代码
2015/10/29 Javascript
js防刷新的倒计时代码 js倒计时代码
2017/09/06 Javascript
angular6.0使用教程之父组件通过url传递id给子组件的方法
2018/06/30 Javascript
Nodejs实现的操作MongoDB数据库功能完整示例
2019/02/02 NodeJs
vue项目打包后怎样优雅的解决跨域
2019/05/26 Javascript
解决echarts 一条柱状图显示两个值,类似进度条的问题
2020/07/20 Javascript
Nuxt.js nuxt-link与router-link的区别说明
2020/11/06 Javascript
[01:00:30]完美世界DOTA2联赛循环赛 Inki vs Matador BO2第二场 10.31
2020/11/02 DOTA
python连接mysql数据库示例(做增删改操作)
2013/12/31 Python
python实现无证书加密解密实例
2014/10/27 Python
Python注释详解
2016/06/01 Python
机器学习python实战之决策树
2017/11/01 Python
python XlsxWriter模块创建aexcel表格的实例讲解
2018/05/03 Python
python调用摄像头显示图像的实例
2018/08/03 Python
windows下搭建python scrapy爬虫框架步骤
2018/12/23 Python
TensorFlow tf.nn.max_pool实现池化操作方式
2020/01/04 Python
python实现一次性封装多条sql语句(begin end)
2020/06/06 Python
澳大利亚鞋仓库:Shoe Warehouse
2019/07/25 全球购物
应届护士推荐信
2013/11/16 职场文书
音乐教学案例
2014/01/30 职场文书
班级心理活动总结
2014/07/04 职场文书
党风廉政建设调研报告
2015/01/01 职场文书
个人党性分析总结
2015/03/05 职场文书
2015年社区中秋节活动总结
2015/03/23 职场文书
遗嘱范文
2015/08/07 职场文书
nginx静态资源的服务器配置方法
2022/07/07 Servers