jQuery EasyUI API 汉语言文档 - 菜单按钮（menubutton）

jQuery EasyUI API 中文文档 - 菜单按钮（menubutton）

<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.menubutton.defaults重载默认值。-->
<a href="javascript:void(0)" id="mb" iconCls="icon-edit">Edit</a>  
<div id="mm">  
    <div iconCls="icon-undo">Undo</div>  
    <div iconCls="icon-redo">Redo</div>  
    <div class="menu-sep"></div>  
	<div>
		<span>Cut</span> 
		<div>
		<div iconCls="icon-remove">123afsdfsdfs</div>
		</div>
	</div>
    <div>Copy</div>  
    <div>Paste</div>  
    <div class="menu-sep"></div>  
    <div iconCls="icon-remove">Delete</div>  
    <div>Select All</div>  
</div> 

<a href="#" id='jin' class="easyui-linkbutton">禁用</a>
<a href="#" id='qi' class="easyui-linkbutton">启用</a>

<script>
	$(function (){
		$("#mb").menubutton({
			menu:$("#mm")
		})
	
		//点击禁用，完成禁用方法
		$("#jin").click(function (){
			$("#mb").menubutton('disable')
		})

		//点击启用，完成启用方法
		$("#qi").click(function (){
			$("#mb").menubutton('enable')
		})
	
	})


</script>

<!--
	menubutton的属性
	plain：为true时不显示边框浮上去会显示边框，相反就是正常的样式，默认是true
	menu：用来创建一个相应菜单的选择器。
	duration:定义鼠标划过按钮时显示菜单所持续的时间，单位为毫秒。默认是100


	menubutton的方法
	disable：禁用菜单按钮。
	enable：启用菜单按钮。
-->
</body>
</html>

jQuery EasyUI API 汉语言文档 - 菜单按钮（menubutton）

相关推荐