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 相关文章推荐
你的编程语言可以这样做吗?
Sep 07 Javascript
一页面多XMLHttpRequest对象
Jan 22 Javascript
Node.js实战 建立简单的Web服务器
Mar 08 Javascript
Js中setTimeout()和setInterval() 何时被调用执行的用法
Apr 12 Javascript
Google Dart编程语法和基本类型学习教程
Nov 27 Javascript
javascript ASCII和Hex互转的实现方法
Dec 27 Javascript
JS库之Waypoints的用法详解
Sep 13 Javascript
图片懒加载imgLazyLoading.js使用详解
Sep 15 Javascript
React Native中NavigatorIOS组件的简单使用详解
Jan 27 Javascript
微信小程序new Date()方法失效问题解决方法
Jul 29 Javascript
利用vue3+ts实现管理后台(增删改查)
Oct 30 Javascript
js前端传json后台接收‘‘被转为quot的问题解决
Nov 12 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 FOR MYSQL 代码生成助手(根据Mysql里的字段自动生成类文件的)
2011/07/23 PHP
JQuery操作表格(隔行着色,高亮显示,筛选数据)
2012/02/23 Javascript
jquery validate.js表单验证入门实例(附源码)
2015/11/10 Javascript
js仿3366小游戏选字游戏
2016/04/14 Javascript
jqGrid用法汇总(全经典)
2016/06/28 Javascript
js实现3D图片展示效果
2017/03/09 Javascript
Vue.js实现实例搜索应用功能详细代码
2017/08/24 Javascript
Node.js利用断言模块assert进行单元测试的方法
2017/09/28 Javascript
JS实现左边列表移到到右边列表功能
2018/03/28 Javascript
通过jquery获取上传文件名称、类型和大小的实现代码
2018/04/19 jQuery
JS判断字符串是否为整数的方法--简单的正则判断
2018/07/23 Javascript
在Vue项目中引入JQuery-ui插件的讲解
2019/01/27 jQuery
js实现倒计时器自定义时间和暂停
2019/02/25 Javascript
react quill中图片上传由默认转成base64改成上传到服务器的方法
2019/10/30 Javascript
vue使用video插件vue-video-player的示例
2020/10/03 Javascript
JavaScript构造函数原理及实现流程解析
2020/11/19 Javascript
[01:20:47]DOTA2-DPC中国联赛 正赛 Ehome vs Magma BO3 第一场 1月19日
2021/03/11 DOTA
在Python中使用CasperJS获取JS渲染生成的HTML内容的教程
2015/04/09 Python
python读取LMDB中图像的方法
2018/07/02 Python
Python Django 添加首页尾页上一页下一页代码实例
2019/08/21 Python
python 利用pyttsx3文字转语音过程详解
2019/09/25 Python
利用pandas合并多个excel的方法示例
2019/10/10 Python
13个Pandas实用技巧,助你提高开发效率
2020/08/19 Python
Python extract及contains方法代码实例
2020/09/11 Python
基于python实现复制文件并重命名
2020/09/16 Python
高三自我鉴定
2013/10/23 职场文书
工程专业求职自荐书范文
2014/02/18 职场文书
庆国庆活动总结
2014/08/28 职场文书
财务工作犯错检讨书
2014/10/07 职场文书
六查六看六改心得体会
2014/10/14 职场文书
物流仓管员岗位职责
2015/04/01 职场文书
2015年社会治安综合治理工作总结
2015/04/10 职场文书
2016年公共机构节能宣传周活动总结
2016/04/05 职场文书
导游词之张家界
2019/10/31 职场文书
解决Vue+SpringBoot+Shiro跨域问题
2021/06/09 Vue.js
MySQL中的全表扫描和索引树扫描
2022/05/15 MySQL