jQuery EasyUI API 中文文档 - 分隔按钮（splitbutton）

最新推荐文章于 2025-07-30 10:29:08 发布

转载最新推荐文章于 2025-07-30 10:29:08 发布 · 209 阅读

文章标签：

<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="width: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>