<html>
<head>
<script src="jquery-easyui/jquery.min.js"></script>
<script src="jquery-easyui/jquery.easyui.min.js"></script>
<script src="jquery-easyui/easyloader.js"></script>
<script src="jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" type="text/css" href="jquery-easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="jquery-easyui/themes/icon.css" />
</head>
<body>
<!--继承$.fn.linkbutton.defaults，使用$.fn.splitbutton.defaults重载默认值。-->
<a href="javascript:void(0)" id="sp" iconCls="icon-ok" >Ok</a>
<div id="mm" style="100px;">
<div iconCls="icon-ok">Ok</div>
<div iconCls="icon-cancel">Cancel</div>
</div>
<a href="#" id="jin" class="easyui-linkbutton" >禁用</a>
<a href="#" id="qi" class="easyui-linkbutton">启用</a>
<script>
$(function (){
$("#sp").splitbutton({
menu:$("#mm")
})
})
//点击禁用，完成禁用方法
$("#jin").click(function (){
$("#sp").splitbutton('disable')
})
//点击启用，完成启用方法
$("#qi").click(function (){
$("#sp").splitbutton('enable')
})
</script>
<!--
splitbutton的属性
plain：为true时不显示边框浮上去会显示边框，相反就是正常的样式，默认是true
menu：用来创建一个相应菜单的选择器。
duration:定义鼠标划过按钮时显示菜单所持续的时间，单位为毫秒。默认是100
splitbutton的方法
disable：禁用菜单按钮。
enable：启用菜单按钮。
-->
</body>
</html>