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 相关文章推荐
jQuery TextBox自动完成条
Jul 22 Javascript
仅用[]()+!等符号就足以实现几乎任意Javascript代码
Mar 01 Javascript
直接在JS里创建JSON数据然后遍历使用
Jul 25 Javascript
JavaScript实现DIV层拖动及动态增加新层的方法
May 12 Javascript
javascript正则表达式中分组详解
Jul 17 Javascript
jQuery实现表格隔行及滑动,点击时变色的方法【测试可用】
Aug 20 Javascript
Web打印解决方案之证件套打的实现思路
Aug 29 Javascript
浅析bootstrap原理及优缺点
Mar 19 Javascript
Bootstrap Table使用整理(五)之分页组合查询
Jun 09 Javascript
JS库之Particles.js中文开发手册及参数详解
Sep 13 Javascript
Layui table field初始化加载时进行隐藏的方法
Sep 19 Javascript
vue实现拖拽效果
Dec 23 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
我的论坛源代码(七)
2006/10/09 PHP
PHP新手上路(八)
2006/10/09 PHP
服务器端解压缩zip的脚本
2006/12/22 PHP
php session 检测和注销
2009/03/16 PHP
php读取文件内容的几种方法详解
2013/06/26 PHP
php中数字0和空值的区别分析
2014/06/05 PHP
php简单实现屏蔽指定ip段用户的访问
2015/04/29 PHP
用js+xml自动生成表格的东西
2006/12/21 Javascript
JavaScript CSS修改学习第二章 样式
2010/02/19 Javascript
解决iframe的frameborder在chrome/ff/ie下的差异
2010/08/12 Javascript
js使用for循环及if语句判断多个一样的name
2014/09/09 Javascript
如何改进javascript代码的性能
2015/04/02 Javascript
使用jQuery在对象中缓存选择器的简单方法
2015/06/30 Javascript
提高jQuery性能优化的技巧
2015/08/03 Javascript
浅析C/C++,Java,PHP,JavaScript,Json数组、对象赋值时最后一个元素后面是否可以带逗号
2016/03/22 Javascript
BootStrap树状图显示功能
2016/11/24 Javascript
微信小程序链接传参并跳转新页面
2016/11/29 Javascript
jQuery插件FusionCharts实现的3D柱状图效果实例【附demo源码下载】
2017/03/03 Javascript
利用n工具轻松管理Node.js的版本
2017/04/21 Javascript
vue2.0 computed 计算list循环后累加值的实例
2018/03/07 Javascript
用node撸一个监测复联4开售短信提醒的实现代码
2019/04/10 Javascript
基于form-data请求格式详解
2019/10/29 Javascript
Python 获取新浪微博的最新公共微博实例分享
2014/07/03 Python
详解Python中用于计算指数的exp()方法
2015/05/14 Python
Python 在字符串中加入变量的实例讲解
2018/05/02 Python
Python2和Python3中urllib库中urlencode的使用注意事项
2018/11/26 Python
对python中的argv和argc使用详解
2018/12/15 Python
pytorch 多分类问题,计算百分比操作
2020/07/09 Python
python中slice参数过长的处理方法及实例
2020/12/15 Python
详解如何用canvas画一个微笑的表情
2019/03/14 HTML / CSS
音乐系毕业生自荐信
2013/10/27 职场文书
新闻专业本科生的自我评价分享
2013/11/20 职场文书
人事专员职责
2014/02/22 职场文书
《长征》教学反思
2014/04/27 职场文书
学校中秋节活动总结
2015/03/23 职场文书