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