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 重写默认
值对象。

 

转载于:https://www.cnblogs.com/qinsilandiao/p/5010182.html