首页 > 网络编程 > JavaScript > javascript类库 > jquery > jQuery EasyUI Button

jQuery EasyUI 中文API Button使用实例

2010-04-14 10:29:49 作者：

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

jQuery EasyUI 中文API Button使用实例

说明

您可能感兴趣的文章: