jQuery EasyUI 分割按钮(SplitButton)用法

发表于 2010 年 5 月 3 日由 admin

这里介绍一下分割按钮(SplitButton)用法以及参数，它的用法和菜单按钮基本一致，首先我们可以先看一下分割按钮可以做什么，下图就是一个布局的实例。（查看演示）

同样我们来通过一个小例子来学习一下这些参数，HTML代码如下：

<a href="javascript:void(0)" id="sb" icon="icon-ok" onclick="javascript:alert('ok')">Ok</a>
<div id="mm" style="width:100px;">
<div icon="icon-ok">Ok</div>
<div icon="icon-cancel">Cancel</div>
</div>

然后按照《jQuery EasyUI框架使用文档》包含必要文件后，只要在$(function(){ }); 里添加一行代码来生成面板：

$('#sb').splitbutton({
menu:'#mm'
});

选项设置

选项名	类型	描述	默认值
disabled	布尔	如果为True则禁用按钮	false
plain	布尔	如果为True则显示普通效果	false
menu	字符串	用来建立相应菜单的选择器	null
duration	数字	定义当鼠标悬停时显示菜单的持续时间，以毫秒为单位	100

《jQuery EasyUI 分割按钮(SplitButton)用法》上有 10 条评论

七林在 2010 年 5 月 6 日下午 10:59 说道：

一看楼主的文章就知道非一般的人啊

回复 ↓
北美风情在 2010 年 5 月 7 日下午 2:17 说道：

您好，我是在wordpress上看到你要交换友情链接，我的也是pr3，关注互联网的博客，100%原创。我已经加了你的链接。期待你也加上我的。谢谢啦。

回复 ↓
- 依洋在 2010 年 5 月 7 日下午 3:32 说道：
  
  收到，经常互访哦：）
  
  回复 ↓
北美风情在 2010 年 5 月 7 日下午 2:17 说道：

我的网站是 http://www.cuike.org

回复 ↓
悠悠导购在 2010 年 5 月 8 日下午 11:18 说道：

博主的网站风格很好，有时间大家交流下。如果可以，能交换链接吗？我的站是悠悠导购http://uuude.com

回复 ↓
- 依洋在 2010 年 5 月 9 日上午 8:11 说道：
  
  谢谢：）
  那你可不可做成导航里的一项呢，可以参考一下“博客导航”
  
  回复 ↓
博百优在 2010 年 5 月 10 日上午 1:21 说道：

看来真得学习一下了！

回复 ↓
580k热点在 2010 年 5 月 10 日上午 10:18 说道：

学习了，谢谢你的提供啊找了很久了

回复 ↓
nod32免费激活码在 2010 年 5 月 13 日上午 10:16 说道：

文章都写得不错,得好好研究研究

回复 ↓
- 依洋在 2010 年 5 月 13 日上午 10:52 说道：
  
  谢谢，基本上就是翻译了原始的文档
  
  回复 ↓

发表评论取消回复