<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. 在CTime类中重载&lt;&lt;和&gt;&gt;

    程序代码: #include <iostream> using namespace std; class CTime//时间类 { private: unsigned short int ...

  2. MSSQLServer的备份与还原

    最近用到了mssql2000的数据备份还原到2008上, 在备份2000时,一定注意要备份成一个文件,就是目标那里只添加一个就好,(否则待会还原数据库时要添加这两个文件,要不就报“备份了几个簇,只提供 ...

  3. DOM操作HTML文档

    概述 之前写过一些关于DOM方法的知识,理论方法的偏多,所以,这篇博客主要是实践方面的Demo,如果,大家觉得理论方面有所欠缺,大家可以看看这几篇博客:JavaScript总结(一.基本概念)和Jav ...

  4. PHP MYSQL数据字典

    <?php /** * 生成mysql数据字典 */ header ( "Content-type: text/html; charset=utf-8" ); // 配置数据 ...

  5. js中innerHTML与innerText的用法与区别

    用法: <div id="test">    <span style="color:red">test1</span> te ...

  6. 一个Java程序的执行过程（转）

    我们手工执行java程序是这样的:  1.在记事本中或者是UE的文本编辑器中,写好源程序:  2.使用javac命令把源程序编译成.class文件:    编译后的.class(类字节码)文件中会包含 ...

  7. 使用zxing生成二维码 - servlet形式

    因为项目有个功能需要打印二维码,因为我比较喜欢使用html+css+js实现,所以首先想到的是jquery.qrcode.js插件,这个插件可以用canvas和table生成二维码,效果也不错,不过对 ...

  8. extern、static、auto、register 定义变量的不同用法

    首先得说明什么叫“编译单元”.每个 .c 文件会被编译为一个 .o 文件,这个就是一个编译单元.最后所有的编译单元被链接起来,就是一个库或一个程序. 一个变量/函数,只要是在全局声明的,链接之后都隐含 ...

  9. JAVA技术专题综述之线程篇（1）

    本文详细介绍JAVA技术专题综述之线程篇 编写具有多线程能力的程序经常会用到的方法有: run(),start(),wait(),notify(),notifyAll(),sleep(),yield( ...

  10. 新鲜出炉的Using Qt 3D to visualize music

    http://blog.qt.io/blog/2016/01/27/using-qt-3d-visualize-music/