正文
EasyUI - SplitButton 分割按钮
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
效果：
html代码：
<!--使用标签创建，直接使用即可，不必使用js代码-->
<%--<a href="javascript:void(0)" id="sb" class="easyui-splitbutton"
data-options="menu:'#mm',iconCls:'icon-ok', plain:false," onclick="javascript:alert('ok')">Ok</a>
<div id="mm" style="width: 100px;">
<div data-options="iconCls:'icon-ok'" onclick="javascript:alert('ok')">Ok</div>
<div data-options="iconCls:'icon-cancel'" onclick="javascript:alert('cancel')">Cancel</div>
</div>--%><!--使用js创建-->
<a href="javascript:void(0)" id="sb" onclick="javascript:alert('ok')">Ok</a>
<div id="mm" style="width: 100px;">
<div data-options="iconCls:'icon-ok'" onclick="javascript:alert('ok')">Ok</div>
<div data-options="iconCls:'icon-cancel'" onclick="javascript:alert('cancel')">Cancel</div>
</div>
Javascript代码：
$(function () {
$('#sb').splitbutton({
menu: '#mm',
iconCls: 'icon-ok',
plain: false,
duration: ,//定义鼠标划过按钮时显示菜单所持续的时间，单位为毫秒。
});
})
