总结发布jQuery EasyUI 中文API—Button

LinkButton【链接按钮】

使用说明

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

HTML代码

<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

 

HTML代码

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