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 相关文章推荐
使用Json比用string返回数据更友好,也更面向对象一些
Sep 13 Javascript
基于jquery异步传输json数据格式实例代码
Nov 23 Javascript
用jquery实现的一个超级简单的下拉菜单
May 18 Javascript
jQuery的图片滑块焦点图插件整理推荐
Dec 07 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(二)
Sep 14 Javascript
Angular.js中用ng-repeat-start实现自定义显示
Oct 18 Javascript
js+css实现红包雨效果
Jul 12 Javascript
Layui 设置select下拉框自动选中某项的方法
Aug 14 Javascript
使用iView Upload 组件实现手动上传图片的示例代码
Oct 01 Javascript
微信小程序webview实现长按点击识别二维码功能示例
Jan 24 Javascript
微信小程序wx.request的简单封装
Nov 13 Javascript
vue中对象数组去重的实现
Feb 06 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 getimagesize 上传图片的长度和宽度检测代码
2010/05/15 PHP
jquery获取div宽度的实现思路与代码
2013/01/13 Javascript
js实现鼠标滚轮控制图片缩放效果的方法
2015/02/20 Javascript
Jquery中request和request.form和request.querystring的区别
2015/11/26 Javascript
基于Javascript实现的不重复ID的生成器
2016/12/25 Javascript
折叠菜单及选择器的运用
2017/02/03 Javascript
Webpack path与publicPath的区别详解
2018/05/03 Javascript
在vue使用clipboard.js进行一键复制文本的实现示例
2019/01/15 Javascript
微信小程序文章详情功能完整实例
2020/06/03 Javascript
vue 使用vant插件做tabs切换和无限加载功能的实现
2020/11/04 Javascript
[01:45]典藏宝瓶2+祈求者身心——这就是DOTA2TI9总奖金突破3000万美元的秘密
2019/07/21 DOTA
跟老齐学Python之编写类之二方法
2014/10/11 Python
Python使用Redis实现作业调度系统(超简单)
2016/03/22 Python
Python读取指定目录下指定后缀文件并保存为docx
2017/04/23 Python
关于Django外键赋值问题详解
2017/08/13 Python
DES加密解密算法之python实现版(图文并茂)
2018/12/06 Python
如何利用Anaconda配置简单的Python环境
2019/06/24 Python
详解django中Template语言
2020/02/22 Python
Python生成六万个随机,唯一的8位数字和数字组成的随机字符串实例
2020/03/03 Python
python 中关于pycharm选择运行环境的问题
2020/10/31 Python
Python headers请求头如何实现快速添加
2020/11/03 Python
利用Python实现最小二乘法与梯度下降算法
2021/02/21 Python
美国著名的家居用品购物网站:Bed Bath & Beyond
2018/01/05 全球购物
JAVA语言如何进行异常处理,关键字:throws,throw,try,catch,finally分别代表什么意义?在try块中可以抛出异常吗?
2013/07/02 面试题
售后服务科岗位职责范文
2013/11/13 职场文书
小学防溺水制度
2014/01/29 职场文书
自立自强的名人事例
2014/02/10 职场文书
我的理想演讲稿
2014/04/30 职场文书
创先争优宣传标语
2014/10/08 职场文书
离婚协议书范本及离婚须知
2014/10/15 职场文书
乡镇党的群众路线教育实践活动制度建设计划
2014/11/03 职场文书
超市工作总结范文2014
2014/12/19 职场文书
初中优秀学生评语
2014/12/29 职场文书
地雷战观后感
2015/06/09 职场文书
2015年数学教研工作总结
2015/07/22 职场文书
Java面试题冲刺第十五天--设计模式
2021/08/07 面试题