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正确获取元素样式详解
Aug 07 Javascript
一些主流JS框架中DOMReady事件的实现小结
Feb 12 Javascript
JavaScript学习笔记(一) js基本语法
Oct 25 Javascript
javascript验证邮件地址和MX记录的方法
Jun 16 Javascript
javascript手风琴下拉菜单实现代码
Nov 12 Javascript
jQuery中get方法用法分析
Dec 07 Javascript
详解express与koa中间件模式对比
Aug 07 Javascript
一个Vue页面的内存泄露分析详解
Jun 25 Javascript
Vue一个案例引发的递归组件的使用详解
Nov 15 Javascript
小程序关于请求同步的总结
May 05 Javascript
javascript的this关键字详解
May 20 Javascript
深入分析jQuery.one() 函数
Jun 03 jQuery
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/11/19 PHP
PHP禁止页面缓存的代码
2011/10/23 PHP
PHP三元运算符的结合性介绍
2012/01/10 PHP
调试WordPress中定时任务的相关PHP脚本示例
2015/12/10 PHP
纯JavaScript实现HTML5 Canvas六种特效滤镜示例
2013/06/28 Javascript
使用JS中的exec()方法构造正则表达式验证
2016/08/01 Javascript
jq stop()和:is(:animated)的用法及区别(详解)
2017/02/12 Javascript
JS变量及其作用域
2017/03/29 Javascript
js轮播图的插件化封装详解
2017/07/17 Javascript
Js利用console计算代码运行时间的方法示例
2017/09/24 Javascript
angular4中关于表单的校验示例
2017/10/16 Javascript
浅谈HTTP 缓存的那些事儿
2018/10/17 Javascript
Vue 一键清空表单的实现方法
2020/02/07 Javascript
Postman无法正常返回结果问题解决
2020/08/28 Javascript
vue使用swiper实现左右滑动切换图片
2020/10/16 Javascript
python中类的一些方法分析
2014/09/25 Python
Django视图之ORM数据库查询操作API的实例
2017/10/27 Python
python实现对excel进行数据剔除操作实例
2017/12/07 Python
python读取中文txt文本的方法
2018/04/12 Python
Python实现随机生成手机号及正则验证手机号的方法
2018/04/25 Python
python 设置xlabel,ylabel 坐标轴字体大小,字体类型
2019/07/23 Python
python实现视频读取和转化图片
2019/12/10 Python
解决tensorflow训练时内存持续增加并占满的问题
2020/01/19 Python
使用pymysql查询数据库,把结果保存为列表并获取指定元素下标实例
2020/05/15 Python
基于Python3读写INI配置文件过程解析
2020/07/23 Python
详解tensorflow之过拟合问题实战
2020/11/01 Python
pandas实现导出数据的四种方式
2020/12/13 Python
python实现马丁策略的实例详解
2021/01/15 Python
CSS3实现10种Loading效果
2016/07/11 HTML / CSS
HTML5+CSS3实现机器猫
2016/10/17 HTML / CSS
mui几种页面跳转方式对比总结概括
2017/08/18 HTML / CSS
教学改革实施方案
2014/03/31 职场文书
人事局接收函
2015/01/31 职场文书
2015年小学辅导员工作总结
2015/05/27 职场文书
创业计划书之水果店
2019/07/18 职场文书
什么是求职信?求职信应包含哪些内容?
2019/08/14 职场文书