jQuery EasyUI API 中文文档 - 分隔按钮(splitbutton)

<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>


你可能感兴趣的:(jquery easyui)