SplitButton( 分割按钮)

一. 加载方式
//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 重写默认
值对象。

 

posted @ 2015-12-01 15:16  琴似蓝调  阅读(1061)  评论(0编辑  收藏  举报