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操作ajax返回的json的注意问题!
Feb 23 Javascript
js加载之使用DOM方法动态加载Javascript文件
Nov 08 Javascript
判定是否原生方法的JS代码
Nov 12 Javascript
js类型转换与引用类型详解(Boolean_Number_String)
Mar 07 Javascript
jquery-tips悬浮提示插件分享
Jul 31 Javascript
AngularJS入门教程之表格实例详解
Jul 27 Javascript
JS实现页面数据无限加载
Sep 13 Javascript
jQuery 如何实现一个滑动按钮开关
Dec 01 Javascript
js生成随机数方法和实例
Jan 17 Javascript
video.js使用改变ui过程
Mar 05 Javascript
vue的三种图片引入方式代码实例
Nov 19 Javascript
JavaScript实现留言板案例
Mar 17 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
destoon实现VIP排名一直在前面排序的方法
2014/08/21 PHP
php 根据URL下载远程图片、压缩包、pdf等文件到本地
2019/07/26 PHP
javascript 设计模式之单体模式 面向对象学习基础
2010/04/18 Javascript
提升你网站水平的jQuery插件集合推荐
2011/04/19 Javascript
js下拉菜单语言选项简单实现
2013/09/23 Javascript
简单常用的幻灯片播放实现代码
2013/09/25 Javascript
事件委托与阻止冒泡阻止其父元素事件触发
2014/09/02 Javascript
javascript实现table表格隔行变色的方法
2015/05/13 Javascript
Javascript实现苹果悬浮虚拟按钮
2016/04/10 Javascript
JavaScript中子对象访问父对象的方式详解
2016/09/01 Javascript
Angular+Node生成随机数的方法
2017/06/16 Javascript
Node.js实现mysql连接池使用事务自动回收连接的方法示例
2018/02/03 Javascript
jQuery实现动态显示select下拉列表数据的方法
2018/02/05 jQuery
nodeJS模块简单用法示例
2018/04/21 NodeJs
详解jQuery-each()方法
2019/03/13 jQuery
Vue响应式原理Observer、Dep、Watcher理解
2019/06/06 Javascript
微信公众号平台接口开发 获取access_token过程解析
2019/08/14 Javascript
解决echarts数据二次渲染不成功的问题
2020/07/20 Javascript
[01:40]2014DOTA2国际邀请赛 三冰SOLO赛后采访恶搞
2014/07/09 DOTA
[00:58]2016年国际邀请赛勇士令状宣传片
2016/06/01 DOTA
[09:47]2018DOTA2亚洲邀请赛4.5SOLO赛 No[o]ne vs Sumail
2018/04/06 DOTA
离线安装Pyecharts的步骤以及依赖包流程
2020/04/23 Python
Python set常用操作函数集锦
2017/11/15 Python
Python退火算法在高次方程的应用
2018/07/26 Python
Python PyPDF2模块安装使用解析
2020/01/19 Python
Python openpyxl模块原理及用法解析
2020/01/19 Python
python空元组在all中返回结果详解
2020/12/15 Python
优秀党员转正的自我评价
2013/10/06 职场文书
人事主管岗位职责
2014/01/30 职场文书
《黄河颂》教学反思
2014/02/07 职场文书
寻找最美家庭活动方案
2014/08/20 职场文书
我的梦想演讲稿1000字
2014/08/21 职场文书
未婚证明格式
2015/06/15 职场文书
2015年评职称个人工作总结
2015/10/15 职场文书
FP-growth算法发现频繁项集——发现频繁项集
2021/06/24 Python
2022年四月新番
2022/03/15 日漫