首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 开发语言 > 编程 >

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

2013-09-09 
jQuery EasyUI API 中文文档 - 分隔按钮(splitbutton)htmlheadscript srcjquery-easyui/jquery.min

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>

热点排行