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

时间：2023-03-09 08:53:15
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>

相关文章