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 相关文章推荐
Javascript学习笔记一 之 数据类型
Dec 15 Javascript
JavaScript判断DOM何时加载完毕的技巧
Nov 11 Javascript
如何在父窗口中得知window.open()出的子窗口关闭事件
Oct 15 Javascript
node.js中的console.time方法使用说明
Dec 09 Javascript
js实现图片缓慢放大缩小效果
Aug 02 Javascript
Vue2.0 实现单选互斥的方法
Apr 13 Javascript
ng-alain表单使用方式详解
Jul 10 Javascript
vue iview多张图片大图预览、缩放翻转
Jul 13 Javascript
帮你彻底搞懂JS中的prototype、__proto__与constructor(图解)
Aug 23 Javascript
vue动态渲染svg、添加点击事件的实现
Mar 13 Javascript
jQuery开发仿QQ版音乐播放器
Jul 10 jQuery
请求时token过期自动刷新token操作
Sep 11 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数组中头部和尾部添加元素的方法(array_unshift,array_push)
2017/04/10 PHP
PHP实现打包zip并下载功能
2018/06/12 PHP
PHP正则判断一个变量是否为正整数的方法
2019/02/27 PHP
Laravel解决nesting level错误和隐藏index.php的问题
2019/10/12 PHP
js定时器怎么写?就是在特定时间执行某段程序
2013/10/11 Javascript
javascript实现回车键提交表单方法总结
2015/01/10 Javascript
jQuery+slidereveal实现的面板滑动侧边展出效果
2015/03/14 Javascript
Node.js事件驱动
2015/06/18 Javascript
JS获取下拉框显示值和判断单选按钮的方法
2015/07/09 Javascript
JavaScript String 对象常用方法总结
2016/04/28 Javascript
省市联动效果的简单实现代码(推荐)
2016/06/06 Javascript
基于javascript实现数字英文验证码
2017/01/25 Javascript
为Jquery EasyUI 组件加上清除功能的方法(详解)
2017/04/13 jQuery
Vue2单一事件管理组件通信
2017/05/09 Javascript
json对象及数组键值的深度大小写转换问题详解
2018/03/30 Javascript
JS实现的3des+base64加密解密算法完整示例
2018/05/18 Javascript
小程序云开发实战小结
2018/10/25 Javascript
详解如何在Node.js的httpServer中接收前端发送的arraybuffer数据
2018/11/11 Javascript
koa2+vue实现登陆及登录状态判断
2019/08/15 Javascript
layui table去掉右侧滑动条的实现方法
2019/09/05 Javascript
Nodejs文件上传、监听上传进度的代码
2020/03/27 NodeJs
JavaScript进阶(四)原型与原型链用法实例分析
2020/05/09 Javascript
js数组中去除重复值的几种方法
2020/08/03 Javascript
python开发之IDEL(Python GUI)的使用方法图文详解
2015/11/12 Python
Python内置的HTTP协议服务器SimpleHTTPServer使用指南
2016/03/30 Python
Python 性能优化技巧总结
2016/11/01 Python
pandas pivot_table() 按日期分多列数据的方法
2018/11/16 Python
使用phonegap查找联系人的实现方法
2017/03/31 HTML / CSS
大学生创业感言
2014/01/25 职场文书
出纳工作岗位责任制
2014/02/02 职场文书
餐饮收银员岗位职责
2014/02/07 职场文书
业务员自荐信范文
2014/04/20 职场文书
3.15消费者权益日活动总结
2015/02/09 职场文书
革命电影观后感
2015/06/18 职场文书
幼儿园大班开学寄语(2016秋季)
2015/12/03 职场文书
vue使用节流函数的踩坑实例指南
2021/05/20 Vue.js