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 退出系统并跳转到登录界面的实现代码
Jun 29 Javascript
禁止选中文字兼容IE、Chrome、FF等
Sep 04 Javascript
javascript原型链继承用法实例分析
Jan 28 Javascript
jQuery手机浏览器中拖拽动作的艰难性分析
Feb 04 Javascript
js设置document.domain实现跨域的注意点分析
May 21 Javascript
深入学习jQuery Validate表单验证
Jan 18 Javascript
浅析JS动态创建元素【两种方法】
Apr 20 Javascript
如何用js判断dom是否有存在某class的值
Feb 13 Javascript
Vue根据条件添加click事件的方式
Nov 09 Javascript
详解vuejs中执行npm run dev出现页面cannot GET/问题
Apr 26 Javascript
三步搞定:Vue.js调用Android原生操作
Sep 07 Javascript
vue判断按钮是否可以点击
Apr 09 Vue.js
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/12/04 PHP
php session 检测和注销
2009/03/16 PHP
PHP set_error_handler()函数使用详解(示例)
2013/11/12 PHP
PHP 魔术变量和魔术函数详解
2015/02/25 PHP
jquery 必填项判断表单是否为空的方法
2008/09/14 Javascript
jquery实现隐藏与显示动画效果/输入框字符动态递减/导航按钮切换
2013/07/01 Javascript
Javascript 颜色渐变效果的实现代码
2013/10/01 Javascript
js toFixed()方法的重写实现精度的统一
2014/03/06 Javascript
jQuery使用hide方法隐藏页面上指定元素的方法
2015/03/30 Javascript
JS判断鼠标进入容器的方向与window.open新窗口被拦截的问题
2016/12/23 Javascript
JavaScript中的普通函数和箭头函数的区别和用法详解
2017/03/21 Javascript
JavaScript实现图片切换效果
2017/08/12 Javascript
浅谈函数调用的不同方式,以及this的指向
2017/09/17 Javascript
vue项目中vue-i18n和element-ui国际化开发实现过程
2018/04/25 Javascript
element-ui使用导航栏跳转路由的用法详解
2018/08/22 Javascript
深入理解Vue keep-alive及实践总结
2019/08/21 Javascript
详解vue路由
2020/08/05 Javascript
用Python实现一个简单的线程池
2015/04/07 Python
Python实现从脚本里运行scrapy的方法
2015/04/07 Python
Python编写生成验证码的脚本的教程
2015/05/04 Python
解决Django的request.POST获取不到内容的问题
2018/05/28 Python
Python基于最小二乘法实现曲线拟合示例
2018/06/14 Python
flask-restful使用总结
2018/12/04 Python
Python使用pymongo库操作MongoDB数据库的方法实例
2019/02/22 Python
Django实现学生管理系统
2019/02/26 Python
简单瞅瞅Python vars()内置函数的实现
2019/09/27 Python
国际知名军事风格休闲装品牌:Alpha Industries(阿尔法工业)
2017/05/24 全球购物
联想阿根廷官方网站:Lenovo Argentina
2019/10/14 全球购物
为您搜罗全球潮流時尚品牌:HBX
2019/12/04 全球购物
原料仓仓管员岗位职责
2014/07/08 职场文书
安全生产月宣传标语
2014/10/06 职场文书
绍兴鲁迅故居导游词
2015/02/09 职场文书
2015年团支部工作总结
2015/04/03 职场文书
工程质量保证书
2015/05/09 职场文书
2015年大学生暑期实习报告
2015/07/13 职场文书
Nginx反向代理、重定向
2022/04/13 Servers