jQuery EasyUI 中文API Button使用实例

2020-02-28 04:06:26

字体：大中小

来源：转载

供稿：网友

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