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数组Array sort方法使用深入分析
Feb 21 Javascript
JavaScript模拟重力状态下抛物运动的方法
Mar 03 Javascript
Node.js中的流(Stream)介绍
Mar 30 Javascript
php+ajax+jquery实现点击加载更多内容
May 03 Javascript
javascript比较两个日期相差天数的方法
Jul 23 Javascript
jQuery版本升级踩坑大全
Jan 12 Javascript
BOM系列第二篇之定时器requestAnimationFrame
Aug 17 Javascript
浅谈Fetch 数据交互方式
Dec 20 Javascript
js如何获取图片url的Blob值并预览示例代码
Mar 07 Javascript
巧妙运用v-model实现父子组件传值的方法示例
Apr 07 Javascript
js找出5个数中最大的一个数和倒数第二大的数实现方法示例小结
Mar 04 Javascript
vue自动添加浏览器兼容前后缀操作
Aug 13 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
世界上第一台立体声收音机
2021/03/01 无线电
浅析Apache中RewriteCond规则参数的详细介绍
2013/06/30 PHP
2014年10个最佳的PHP图像操作库
2014/07/14 PHP
php5.3提示Function ereg() is deprecated Error问题解决方法
2014/11/12 PHP
PHP递归遍历指定文件夹内的文件实现方法
2016/11/15 PHP
php中yii框架实例用法
2020/12/22 PHP
js常用函数 不错
2006/09/08 Javascript
JavaScript实现Sleep函数的代码
2007/03/04 Javascript
模拟用户操作Input元素,不会触发相应事件
2007/05/11 Javascript
PPK 谈 JavaScript 的 this 关键字 [翻译]
2009/09/29 Javascript
JavaScript 页面编码与浏览器类型判断代码
2010/06/03 Javascript
jquery获取div宽度的实现思路与代码
2013/01/13 Javascript
通过jsonp获取json数据实现AJAX跨域请求
2017/01/22 Javascript
JavaScript实现二分查找实例代码
2017/02/22 Javascript
JavaScript创建对象的七种方式全面总结
2017/08/21 Javascript
利用vue+elementUI实现部分引入组件的方法详解
2017/11/22 Javascript
如何在Vue中使用CleaveJS格式化你的输入内容
2018/12/14 Javascript
VUE实现强制渲染,强制更新
2019/10/29 Javascript
详解Vue的watch中的immediate与watch是什么意思
2019/12/30 Javascript
Python 拷贝对象(深拷贝deepcopy与浅拷贝copy)
2008/09/06 Python
Python中多线程的创建及基本调用方法
2016/07/08 Python
Python中使用bidict模块双向字典结构的奇技淫巧
2016/07/12 Python
在pycharm中python切换解释器失败的解决方法
2018/10/29 Python
python实现贪吃蛇游戏
2020/03/21 Python
python 猴子补丁(monkey patch)
2019/06/26 Python
详解Pandas之容易让人混淆的行选择和列选择
2019/07/10 Python
解决django同步数据库的时候app models表没有成功创建的问题
2019/08/09 Python
python内打印变量之%和f的实例
2020/02/19 Python
Python基于stuck实现scoket文件传输
2020/04/02 Python
使用Python项目生成所有依赖包的清单方式
2020/07/13 Python
亚马逊巴西站:Amazon.com.br
2019/09/22 全球购物
联谊活动策划书
2014/01/26 职场文书
战友聚会主持词
2014/04/02 职场文书
CSS3 制作的彩虹按钮样式
2021/04/11 HTML / CSS
CentOS7安装GlusterFS集群以及相关配置
2022/04/12 Servers
box-shadow单边阴影的实现
2023/05/21 HTML / CSS