jQuery EasyUI 中文API Button使用实例

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一样，这里就不多说了，有兴趣可看官方文档