jQuery EasyUI 分割按钮(SplitButton)用法
星期一,2010 五 3 07:24:42
这里介绍一下分割按钮(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 |
一看楼主的文章就知道非一般的人啊
[回复]
您好，我是在wordpress上看到你要交换友情链接，我的也是pr3，关注互联网的博客，100%原创。我已经加了你的链接。期待你也加上我的。谢谢啦。
[回复]
依洋 回复:
五月 7th, 2010 at 3:32 下午
收到，经常互访哦：）
[回复]
我的网站是 http://www.cuike.org
[回复]
博主的网站风格很好，有时间大家交流下。如果可以，能交换链接吗？我的站是悠悠导购http://uuude.com
[回复]
依洋 回复:
五月 9th, 2010 at 8:11 上午
谢谢：）
那你可不可做成导航里的一项呢，可以参考一下“博客导航”
[回复]
看来真得学习一下了！
[回复]
学习了，谢谢你的提供啊找了很久了
[回复]
文章都写得不错,得好好研究研究
[回复]
依洋 回复:
五月 13th, 2010 at 10:52 上午
谢谢，基本上就是翻译了原始的文档
[回复]