<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 API 中文文档 - 分隔按钮（splitbutton）的更多相关文章

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

    <html> <head> <script src="jquery-easyui/jquery.min.js"></script> ...

  2. jQuery EasyUI API 中文文档 - 链接按钮（linkbutton）

    <html> <head> <script src="jquery-easyui/jquery.min.js"></script> ...

  3. jQuery EasyUI API 中文文档 - ComboGrid 组合表格

    jQuery EasyUI API 中文文档 - ComboGrid 组合表格,需要的朋友可以参考下. 扩展自 $.fn.combo.defaults 和 $.fn.datagrid.defaults ...

  4. jQuery EasyUI API 中文文档 - ValidateBox验证框

    jQuery EasyUI API 中文文档 - ValidateBox验证框,使用jQuery EasyUI的朋友可以参考下.   用 $.fn.validatebox.defaults 重写了 d ...

  5. jQuery EasyUI API 中文文档

    http://www.cnblogs.com/Philoo/tag/jQuery/ 共2页: 1 2 下一页  jQuery EasyUI API 中文文档 - 树表格(TreeGrid) 风流涕淌 ...

  6. jQuery EasyUI API 中文文档 - Panel面板

    <html> <head> <title>布局管理器--控制面板</title> <script src="jquery-easyui/ ...

  7. jQuery EasyUI API 中文文档 - 布局（Layout）

    <html> <head> <script src="jquery-easyui/jquery.min.js"></script> ...

  8. jquery easyui 弹出消息框 (转载) jQuery EasyUI API 中文文档 - 消息框（Messager） http://www.cnblogs.com/hantianwei/archive/2012/03/19/2407113.html

    <html> <head> <!-- 导入easyui插件的js和css样式; --> <link rel="stylesheet" ty ...

  9. jQuery EasyUI API 中文文档 - 面板（Panel）

    Panel 面板   用$.fn.panel.defaults重写defaults. 用法示例 创建Panel 1. 经由标记创建Panel 从标记创建Panel更容易.把 'easyui-panel ...

随机推荐

  1. WAMP多站点配置，更改服务器端口

    修改apache.conf的配置文件 设置保存路径 原本的路径:DocumentRoot "D:/wamp/www/" 修改为自己定义的路径:D:\all_code\php 查询: ...

  2. BZOJ 1263: [SCOI2006]整数划分( 高精度 )

    yy一下发现好像越小越好...分解成3*3*3*3……这种形式是最好的...然后就是高精度了 ----------------------------------------------------- ...

  3. Net Core在Linux环境

    Net Core在Linux环境 基础环境和相关软件准备 1.CentOS7.1 64位系统(或者其他CentOS版本的64位系统) 2.WinSCP软件(主要是方便管理和编辑Linux系统的文件) ...

  4. 基于visual Studio2013解决C语言竞赛题之0525拉丁方阵

     题目

  5. HDU 1150：Machine Schedule（二分匹配，匈牙利算法）

    Machine Schedule Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others) ...

  6. HDU 4617Weapon(两条异面直线的距离)

    Weapon Time Limit: 3000/1000 MS (Java/Others)    Memory Limit: 65535/32768 K (Java/Others) Total Sub ...

  7. SimpleDateFormat使用具体解释

      public class SimpleDateFormat extends DateFormat SimpleDateFormat 是一个以国别敏感的方式格式化和分析数据的详细类. 它同意格式化 ...

  8. linux路由表配置

    一.原理说明 1.路由表(table)从0到255进行编号,每个编号可以对应一个别名,编号和别名的对应关系在linux下放在/etc/iproute2/rt_tables这个文件里,一般0编号的tab ...

  9. iOS开发中关于本地数据中SQLite数据库常用的SQL语句

    创建表 CREATE TABLE IF NOT EXISTS "student" ("number" INTEGER PRIMARY KEY AUTOINCRE ...

  10. Javascript DOM 02 在<ul>中创建、删除 <li>

    创建DOM元素 createElement(标签名)  创建一个节点 appendChild(节点)  追加一个节点 例子:为ul插入li 插入元素 insertBefore(节点, 原有节点)  在 ...