SplitButton( 分割按钮)
2015-12-01 15:16
323 查看
一. 加载方式
//class 加载方式
<a href="javascript:void(0)" id="edit" class="easyui-splitbutton"
data-options="menu:'#box',iconCls:'icon-edit'">编辑</a>
<div id="box" style="width:100px;">
<div data-options="iconCls:'icon-ok'">Ok</div>
<div data-options="iconCls:'icon-cancel'">Cancel</div>
</div>
//JS 加载方式
$('#box').spiltbutton({
});
二. 属性列表
//属性列表,其他属性,参考依赖组件 LinkButton
$('#edit').splitbutton({
plain : false,
menu : '#box',
duration : 500,
});
三.菜单方法
//返回属性对象
console.log($('#edit').splitbutton('options'));
//禁用菜单按钮
$('#edit').splitbutton('disable');
//启用菜单按钮
$('#edit').splitbutton('enable');
//销毁菜单按钮
$('#edit').splitbutton('destroy');
扩展自$.fn.linkbutton.defaults。使用$.fn.splitbutton.defaults 重写默认
值对象。
//class 加载方式
<a href="javascript:void(0)" id="edit" class="easyui-splitbutton"
data-options="menu:'#box',iconCls:'icon-edit'">编辑</a>
<div id="box" style="width:100px;">
<div data-options="iconCls:'icon-ok'">Ok</div>
<div data-options="iconCls:'icon-cancel'">Cancel</div>
</div>
//JS 加载方式
$('#box').spiltbutton({
});
二. 属性列表
//属性列表,其他属性,参考依赖组件 LinkButton
$('#edit').splitbutton({
plain : false,
menu : '#box',
duration : 500,
});
三.菜单方法
//返回属性对象
console.log($('#edit').splitbutton('options'));
//禁用菜单按钮
$('#edit').splitbutton('disable');
//启用菜单按钮
$('#edit').splitbutton('enable');
//销毁菜单按钮
$('#edit').splitbutton('destroy');
扩展自$.fn.linkbutton.defaults。使用$.fn.splitbutton.defaults 重写默认
值对象。
相关文章推荐
- robots.txt 文件指南
- linux下安装rlwrap
- C字符数组与字符串
- 服务器格式化之Mysql Redis 备份与恢复
- SVN服务器的搭建与使用
- JQuery 绑定select标签的onchange事件
- bootstrap常见类的总结
- eclipse无法导入已有android项目
- UISlider(滑块)控件的常用属性
- 汇编基础知识
- 每个程序员都应该知道的 15 个最佳 PHP 库
- JavaScript+jQuery实现简单的动态菜单
- Android Studio之导入Project(项目)
- 简单讲解Android开发中触摸和点击事件的相关编程方法
- 首页设置
- Mysql Load Data 语法简介
- 认识QT ----- 多窗口以及窗口之间的传值
- 周记——20151130
- 1053. Path of Equal Weight (30) -- dfs
- Hadoop 列式存储引擎