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表单验证插件formValidator(改进版)
Feb 03 Javascript
前台js调用后台方法示例
Dec 02 Javascript
Javascript改变CSS样式(局部和全局)
Dec 18 Javascript
JS控制输入框内字符串长度
May 21 Javascript
js实现文件上传表单域美化特效
Nov 02 Javascript
浅谈javascript中的constructor
Jun 08 Javascript
IE下JS保存图片的简单实例
Jul 15 Javascript
微信小程序实现简单input正则表达式验证功能示例
Nov 30 Javascript
微信小程序内拖动图片实现移动、放大、旋转的方法
Sep 04 Javascript
Vue实现购物车的全选、单选、显示商品价格代码实例
May 06 Javascript
vue+layui实现select动态加载后台数据的例子
Sep 20 Javascript
使用 UniApp 实现小程序的微信登录功能
Jun 09 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
《被神捡到的男人》动画化计划进行中!
2020/03/06 日漫
PHP管理依赖(dependency)关系工具 Composer 安装与使用
2014/08/18 PHP
laravel 中某一字段自增、自减的例子
2019/10/11 PHP
学习YUI.Ext第七日-View&amp;JSONView Part Two-一个画室网站的案例
2007/03/10 Javascript
某页码显示的helper 少量调整,另附js版
2010/09/12 Javascript
GridView中获取被点击行中的DropDownList和TextBox中的值
2013/07/18 Javascript
JS获取各种浏览器窗口大小的方法
2014/01/14 Javascript
JS中使用sort结合localeCompare实现中文排序实例
2014/07/23 Javascript
node.js中的http.createServer方法使用说明
2014/12/14 Javascript
JavaScript使用Max函数返回两个数字中较大数的方法
2015/04/06 Javascript
JS Attribute属性操作详解
2016/05/19 Javascript
Angular 4.x 动态创建表单实例
2017/04/25 Javascript
微信小程序之获取当前位置经纬度以及地图显示详解
2017/05/09 Javascript
bing Map 在vue项目中的使用详解
2018/04/09 Javascript
详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper
2018/05/28 Javascript
Angular6中使用Swiper的方法示例
2018/07/09 Javascript
jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析
2018/07/25 jQuery
微信小程序使用字体图标的方法
2019/05/23 Javascript
微信小程序实现下拉框功能
2019/07/16 Javascript
mock.js模拟数据实现前后端分离
2019/07/24 Javascript
layui下拉框获取下拉值(select)的例子
2019/09/10 Javascript
Vue使用CDN引用项目组件,减少项目体积的步骤
2020/10/30 Javascript
Python中格式化format()方法详解
2017/04/01 Python
详解Python中的Numpy、SciPy、MatPlotLib安装与配置
2017/11/17 Python
python调用百度语音REST API
2018/08/30 Python
使用pyinstaller打包PyQt4程序遇到的问题及解决方法
2019/06/24 Python
Python如何实现大型数组运算(使用NumPy)
2020/07/24 Python
英语系本科生求职信范文
2013/12/18 职场文书
学生打架检讨书
2014/02/14 职场文书
2014年道德讲堂实施方案
2014/03/05 职场文书
社区党务公开实施方案
2014/03/18 职场文书
2015年清明节扫墓演讲稿
2015/03/18 职场文书
幼儿园安全工作总结2015
2015/04/20 职场文书
python编写函数注意事项总结
2021/03/29 Python
MongoDB支持的数据类型
2022/04/11 MongoDB
openGauss数据库JDBC环境连接配置的详细过程(Eclipse)
2022/06/01 Java/Android