读书人

jQuery EasyUI API 汉语文档 - 分隔按

发布时间: 2013-09-09 20:31:09 作者: rapoo

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时不显示边框浮上去会显示边框,相反就是正常的样式,默认是truemenu:用来创建一个相应菜单的选择器。duration:定义鼠标划过按钮时显示菜单所持续的时间,单位为毫秒。默认是100splitbutton的方法disable:禁用菜单按钮。enable:启用菜单按钮。-->    </body></html>

读书人网 >编程

热点推荐