【图】jQuery EasyUI 中文API Button使用实例

LinkButton
使用说明
使用到的头文件：easyui.css、icon.css、jquery-1.4.2.min.js、jquery.easyui.min.js

代码如下：

（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/webkaifa/）a href="#" icon="icon-search"easyui/a

JQuery代码

代码如下：

（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/webkaifa/）$('#btn').linkbutton(options);

特性说明
名称类型描述默认值disabledboolean启用、禁用按钮falseplainboolean是否启用样式false
查看演示官方文档

MenuButton
MenuButton包括链接按钮跟菜单

创建一个MenuButton就要指派一个菜单的linkbutton属性

使用说明
使用到的头文件：easyui.css、icon.css、jquery-1.4.2.min.js、jquery.easyui.min.js

代码如下：

（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/webkaifa/）
a href="javascript:void(0)" icon="icon-edit"Edit/a

div
div icon="icon-undo"Undo/div
div icon="icon-redo"Redo/div
div/div
divCut/div
divCopy/div
divPaste/div
div/div
div icon="icon-remove"Delete/div
divSelect All/div
/div

JQuery

代码如下：

（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/webkaifa/）
$('#mb').menubutton({
menu: '#mm'
});

依赖
链接按钮
特性说明
称类型描述默认值disabledboolean启用、禁用按钮falseplainboolean是否显示样式falsemenustring选择器创建一个相应的菜单。nulldurationnumber菜单按钮持续显示时间100

查看演示官方文档

说明

还有一个SplitButton，个人感觉跟menubutt一样的，官方文档这样解释的：Similar to MenuButton, SplitButton include linkbutton and menu but can act as a single button.

唯一的区别就是它可以单独作为一个按钮。特性也是跟上面的menubutt一样，这里就不多说了，有兴趣可看官方文档