jQuery EasyUI API 中文文档 - MenuButton菜单按钮使用介绍
扩展自 $.fn.linkbutton.defaults。用 $.fn.menubutton.defaults 重写了defaults。
<a href="javascript:void(0)" id="mb" iconCls="icon-edit">Edit</a>
<div id="mm" style="width:150px;">
<div iconCls="icon-undo">Undo</div>
<div iconCls="icon-redo">Redo</div>
<div class="menu-sep"></div>
<div>Cut</div>
<div>Copy</div>
<div>Paste</div>
<div class="menu-sep"></div>
<div iconCls="icon-remove">Delete</div>
<div>Select All</div>
</div>
$('#mb').menubutton({
menu: '#mm'
});
特性
其特性扩展自 linkbutton,下列是为 menubutton 增加的特性。
名称 |
类型 |
说明 |
默认值 |
plain |
boolean |
True 就显示一个简单效果。 |
true |
menu |
string |
创建一个相应 menu 的选择器。 |
null |
duration |
number |
当悬停在按钮上时,以毫秒为单位定义的,显示menu的持续时间。 |
100 |
方法
名称 |
参数 |
说明 |
options |
none |
返回选项(options)对象。 |
disable |
none |
禁用 menubutton。 |
enable |
none |
启用 menubutton。 |
相关推荐
-
Jquery Easyui搜索框组件SearchBox使用详解(19)
本文实例为大家分享了Jquery Easyui搜索框组件的实现代码,供大家参考,具体内容如下 加载方式 Class加载 <input id="ss" class="easyui-searchbox" style="width:300px" data-options="prompt:'Please Input Value',menu:'#box'"> </input> <div id="b
-
Bootstrap按钮下拉菜单组件详解
按钮组也是一个独立的组件,按钮组和下拉菜单组件一样,需要依赖于button.js插件才能正常运作. 把一组<div class="btn-group">组合进一个<div class="btn-toolbar">做成更复杂的组件. <div class="btn-toolbar" role="toolbar"> <div class="btn-group">
-
Jquery Easyui日历组件Calender使用详解(23)
本文实例为大家分享了Jquery Easyui日历组件的实现代码,供大家参考,具体内容如下 加载方式 Class加载 <div id="box" class="easyui-calendar" style="width:200px;height:200px;"></div> JS调用加载 <div id="box"></div> <script> $(function
-
Jquery Easyui菜单组件Menu使用详解(15)
本文实例为大家分享了Jquery Easyui菜单组件的实现代码,供大家参考,具体内容如下 加载方式 菜单组件通常用于快捷菜单,在加载方式上,通过 class 或 JS 进行设置为菜单组件.然后,再通过 JS 事件部分再响应. <div id="box" class="easyui-menu"> <div>新建</div> <div> <span>打开</span> <!--二次菜单--&
-
Jquery Easyui自定义下拉框组件使用详解(21)
本文实例为大家分享了Jquery Easyui自定义下拉框组件的实现代码,供大家参考,具体内容如下 加载方式 JS调用加载 自定义下拉框不能通过标签的方式进行创建. <input id="box" /> <script> $(function () { //JS 加载调用 $('#box').combo({ required : true, multiple : true, }); }); </script> 属性列表 <script>
-
Jquery Easyui分割按钮组件SplitButton使用详解(17)
SpliButton组件依赖于Menu(菜单)组件和 LinkButton(按钮)组件 加载方式 Class加载 <a href="javascript:void(0)" id="edit" class="easyui-splitbutton" data-options="menu:'#box',iconCls:'icon-edit'">编辑</a> <div id="box"
-
vue多级多选菜单组件开发
本文实例为大家分享了vue多级多选菜单组件的制作方法,供大家参考,具体内容如下 要开发一个这样的多级多选菜单组件,功能是: 点击父标题栏可以打开与折叠子列表 点击父标题栏的勾选图标可以全选或取消子列表 点击子列表的勾选图标达到全选时,父标题栏的勾选图标自动勾选:反之,没达到全选时,父标题栏的勾选图标自动取消勾选 当所有父标题栏的勾选图标达到全选时,最底下那个全选框自动勾选:反之,没达到全选时,最底下那个全选框自动取消勾选 点击最底下那个全选框可以全选或取消全部的勾选图标 所以总结起来我们重点要利
-
iOS中长按调出菜单组件UIMenuController的使用实例
UIMenuController的使用 UIMenuController的展现需要基于一个View视图,其交互则需要基于其所在View视图的Responder.举例来说,如果一个UIMenuController展现在当前ViewController的View上,则此UIMenuController的交互逻辑交由当前的ViewController进行管理. 在界面展示出UIMenuController需要3个条件: 1.当前的Responder处于第一响应. 2.UIMenuController对
-
Jquery Easyui验证组件ValidateBox使用详解(20)
本文实例为大家分享了Jquery Easyui验证组件的实现代码,供大家参考,具体内容如下 加载方式 Class加载 <input id="email" class="easyui-validatebox" data-options="required:true,validType:'email'" /> JS调用加载 <input id="email" /> <script> $(func
-
jQuery EasyUI API 中文文档 - Menu菜单
用 $.fn.menu.defaults 重写了 defaults. 复制代码 代码如下: <div id="mm" class="easyui-menu" style="width:120px;"> <div>New</div> <div> <span>Open</span> <div style="width:150px;"> <di
随机推荐
- AngularJS实现DOM元素的显示与隐藏功能
- 动感网页相册 python编写简单文件夹内图片浏览工具
- 详解Jquery的事件操作和文档操作
- 在for循环中length值是否需要缓存
- 利用JavaScript在网页实现八数码启发式A*算法动画效果
- JS经典正则表达式笔试题汇总
- C#处理文本文件TXT实例详解
- 使用PHP生成图片的缩略图的方法
- python连接MySQL、MongoDB、Redis、memcache等数据库的方法
- win7 下搭建sublime的python开发环境的配置方法
- Windows环境下vscode-go安装笔记(不支持32位)
- C++开发的Redis数据导入工具优化
- 使用UglifyJS合并/压缩JavaScript的方法
- SQL Server误区30日谈 第23天 有关锁升级的误区
- 浅谈node.js中async异步编程
- 垃圾邮件收到的信息提供比较经典的
- 探讨select in 在postgresql的效率问题
- ES6使用let命令更简单的实现块级作用域实例分析
- Linux系统中安装gcc和kernel-devel的方法
- java springmvc乱码解决归纳整理详解