LinkButton(button)包，easyui其中一个基本组成部分

演示样例：

<!DOCTYPE html>

<html>

<head>

<title>jQuery Easy UI</title>

<meta charset="UTF-8" />

<script type="text/javascript" src="easyui/jquery.min.js"></script>

<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>

<script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js" ></script>

<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css" />

<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css" />

<script>

	$(function () {

	//$.fn.linkbutton.defaults.iconCls = 'icon-add';

	$('#btn1').linkbutton({

		//id : 'btn2',			//没搞明确干嘛用的,跟节点ID设置不一样值，在获取属性的时候报错

		//disabled : true,		//是否禁用

		toggle : true,			//设置true就是同意用户点击的时候切换选中与未选中的状态

		//selected : true,		//默认是false  未选中状态

		//group : 'sex',		//指定同样组名的按钮同属于一个组，可实现radio单选效果

		plain : true,			//默认false。设置true的时候显示简洁效果

		text : '剪切',

		iconCls : 'icon-cut',	//按钮图标 (參照icon.css中的样式),默觉得null

		iconAlign : 'right'		//按钮图标位置 值为left或者right  默认left

	});

	console.log($('#btn1').linkbutton('options').id);

	//$('#btn1').linkbutton('disable');//禁用

	//$('#btn1').linkbutton('enable'); //启用

	$('#btn1').linkbutton('select'); //选中

	//$('#btn1').linkbutton('unselect');//取消选中状态

	//****************************************************************************************

	$("#btn2").linkbutton({

		group:'SEX',

		text :'男',

		toggle:true,

		selected:true

	});

	$("#btn3").linkbutton({

		group:'SEX',

		text :'女',

		toggle:true

	});

	});

</script>

</head>

<body style="margin:100px;">

<strong>基本演示样例：</strong></br></br>

<a id="btn1" href="###"></a></br></br>

<strong>group属性实现单选按钮：</strong></br></br>

<a id="btn2" href="###"></a>

<a id="btn3" href="###"></a>

</body>

</html>

运行效果：

ps：想改动button的样式能够去css里面更换或者自己定义

下载源代码

版权声明：本文博客原创文章，博客，未经同意，不得转载。

jQuery Easy UI LinkButton(button)包的更多相关文章

  1. jQuery Easy UI 开发笔记

    1.jQuery Easy UI主要的运行原理是通过核心的代码调用插件来实现UI效果的 2.jQuery Easy UI插件与插件之间的关系是: 一.独立式插件: 独立式插件是指:不与其他的插件具有相 ...

  2. JQuery Easy Ui （Tree树）详解（转）

    第一讲:JQuery Easy Ui到底是什么呢? 首先咱们知道JQuery是对Java Script的封装,是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等.. JQuery ui是在j ...

  3. JQuery Easy Ui dataGrid 数据表格 ---制作查询下拉菜单

    JQuery Easy Ui dataGrid 数据表格 数据表格 - DataGrid 继承$.fn.panel.defaults,使用$.fn.datagrid.defaults重载默认值.. 数 ...

  4. jQuery Easy UI Panel(面板)组件

    panel(面板)组件,跟前面的组件使用方法差点儿都差点儿相同,也是从设置一些面板属性.操作面板触发的事件.我们可针对面板对象的操作方法这三个点去学习. 后面有一些组件要依赖于这个组件. 另一点跟前面 ...

  5. Jquery easy UI 上中下三栏布局 分类： ASP.NET 2015-02-06 09:19 368人阅读 评论(0) 收藏

    效果图: 源代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w ...

  6. jQuery Easy UI (适应屏幕分辨率大小)布局(Layout)

    一.jQuery Easy UI (适应屏幕分辨率大小)布局(Layout) 1.首先应用的是jquery-easyui-1.4 版本(版本不同,兼容性不同) 2.实现整个页面的布局( layout: ...

  7. jQuery Easy UI Resizable(调整大小)组件

    Resizable(调整大小)组件,easyui基础组件之中的一个.调整大小就是能够对元素能够拖着调整大小,这个组件不依赖于其它组件,使用比較简单,相关的属性.事件都 在样例中介绍了. 演示样例: & ...

  8. jQuery Easy UI Droppable(放置)组件

    Droppable(放置)组件也是一个基本组件,使用方法较简单,语法都在样例里面凝视了: 演示样例: <!DOCTYPE html> <html> <head> & ...

  9. jQuery Easy UI Tooptip(提示框)组件

    我们都知道DOM节点的title属性.Tooptip组件就是比較强大的title,它能够自由的设置自己的样式.位置以及有自己相关的触发事件. 演示样例: <!DOCTYPE html> & ...

随机推荐

  1. error while loading shared libraries: libpthread.so.0: cannot open shared object file: No such file

    安装rac10g,出现例如以下错误: [root@rac2 oracle]# /u01/product/crs/root.sh WARNING: directory '/u01/product' is ...

  2. vs2010公布时去除msvcp100.dll和msvcr100.dll图讲解明

    近期开发个程序,Copy到虚拟机环境中測试时提示缺少msvcr100.dll,于是想到编译时设置选项去除依赖. 什么是 msvcr100.dll MS = Microsoft V = Visual C ...

  3. Notification使用以及PendingIntent.getActivity() （转）

    public void sendNotification(Context ctx,String message) { //get the notification manager String ns ...

  4. C/C++基础笔试题1.1.2（十问解决方案运营商）

    他写在博客上不负责任,有人踩在上面,原因一点点失去了它. 其实纯常见问题.特别糟糕,由于鲍文看起来很大的优势就是想更直接看到的东西. 好了.返回整个标题. 1.你脑海中的运算符有哪些.按优先级排个序? ...

  5. Message解析流程（转）

    Message的解析作为一个共同组件.对应不同格式的msg文件有不同的实现类来解析.用SAXParser. 1:Final class MessageResourceManager   在Start方 ...

  6. 探测器 C++ Singleton（辛格尔顿）

    一.静态模式不是单一的情况下, 刚开始学习的人可能误, 误以为所有的成员变量和成员方法用于 static , 就是单例模式了: class Singleton { public:     /* sta ...

  7. 馋-c语言的规则

    在记者采访过程,有着c的认识的情况,有时会被问到有关字符搭配以及运算先后顺序的问题,比方a+++++b的值.++i+++i+++i+i的值等类似的,这都属于c的符号方面的问题.那么如何才干轻而易举的去 ...

  8. Git联系oschina托管代码版本号

    工作一般使用SVN,近期好像GitHub有些火.看到开源中国上也有Git的开源版本号管理. 另外看到一篇文章说Git 比 SVN 要好. 就想多了解一下Git.顺便也能够把自己平时的一些代码保存在云端 ...

  9. vs2012代码段，快捷键，snippet 的使用

    这篇还是介绍怎么简单我们编写代码------本想放在上一篇   插件    一起,但是怕搜不到, 大神们就没法给我教更好的方式,所以就另写了一篇 [大家看完后,插件resharp如果能实现这效果,请教 ...

  10. C#操作Xml：如何定义Xsd文件

    Xml Schema的用途 1． 定义一个Xml文档中都有什么元素 2． 定义一个Xml文档中都会有什么属性 3． 定义某个节点的都有什么样的子节点,可以有多少个子节点,子节点出现的顺序 4． 定义元 ...