JQuery EasyUI 之LinkButton(按钮)组件

野性酷女 2022-06-09 09:15 163阅读 0赞

代码：

index.html

<!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>
    <script type="text/javascript" src="js/index.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" />
    </head>
    <body style="margin:100px;">
    
    
    
    <a id="box" href="###">按钮</a>
    <a id="pox" href="###">按钮</a>
    
    
    </body>
    </html>

index.js

$(function () {
    
    	$.fn.linkbutton.defaults.iconCls = 'icon-add';
    
    	$('#box').linkbutton({
    		//id : 'pox',
    		//disabled : true,
    		//toggle : true,
    		//selected : true,
    		//group : 'sex',
    		//plain : true,
    		text : '文字',
    		//iconCls : 'icon-add',
    		//iconAlign : 'right',
    	});
    	
    	$('#pox').linkbutton({
    		//id : 'pox',
    		//disabled : true,
    		//toggle : true,
    		// group : 'sex',
    		// iconCls : 'icon-mini-add',
    	});
    	
    	
    	//console.log($('#box').linkbutton('options'));
    	
    	//$('#box').linkbutton('disable');
    	//$('#box').linkbutton('enable');
    	
    	
    	$('#box').linkbutton('select');
    	$('#box').linkbutton('unselect');
    	
    });

截图：

![Center][]

[Center]: /images/20220609/9f8a278cbaf04de9a43e13f088588b41.png

发表评论取消回复

表情：

评论列表（有 0 条评论，163人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery EasyUI 菜单与按钮 - 创建链接按钮（Link Button）

通常情况下，使用 <button> 元素来创建按钮，而链接按钮（Link Button）则是使用 <a> 元素来创建的。所以实际上一个链接按钮（Link Button）就是一个

谁借莪１个温暖的怀抱￠/ 2024年03月23日 15:34/ 0 赞/ 7 阅读

相关 Jquery+EasyUI

http://blog.csdn.net/chinahuyong/article/details/11926719 http://blog.csdn.net/ruby97/a

ゞ浴缸里的玫瑰/ 2022年08月08日 16:41/ 0 赞/ 105 阅读

相关 JQuery EasyUI 之LinkButton(按钮)组件

代码： index.html <!DOCTYPE html> <html> <head> <title>jQuery Easy UI</t

野性酷女/ 2022年06月09日 09:15/ 0 赞/ 164 阅读

相关 JQuery EasyUI 之Menu(菜单)组件

代码： menu.html <!DOCTYPE html> <html> <head> <title>菜单选项</title> <

短命女/ 2022年06月09日 09:15/ 0 赞/ 177 阅读

相关 JQuery EasyUI 之Messager(消息窗口)组件

代码： message.html <!DOCTYPE html> <html> <head> <title>消息框</title>

川长思鸟来/ 2022年06月09日 09:14/ 0 赞/ 168 阅读

相关 JQuery EasyUI 之Layout布局组件小Demo

简介：jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者

秒速五厘米/ 2022年06月09日 09:14/ 0 赞/ 165 阅读

相关 jQuery EasyUI，Tabs(选项卡)组件

[https://www.cnblogs.com/adc8868/p/6647680.html][https_www.cnblogs.com_adc8868_p_6647680

末蓝、/ 2022年05月30日 12:36/ 0 赞/ 238 阅读

相关 jQuery easyui创建组件的三种方式

以创建layout布局为例子一、通过html配合data-options属性创建一个属性 1. <div id="cc" class="easyui-layout" s

冷不防/ 2022年05月23日 11:29/ 0 赞/ 120 阅读

相关在easyui datagrid中formatter数据后使用linkbutton

easyui 只在页面装载时渲染标签，因此在使用formatter格式化列数据后，动态添加的linkbutton样式无法使用，以下方式是无法解析的： form

﹏ヽ暗。殇╰゛Y/ 2022年03月27日 10:26/ 0 赞/ 176 阅读

相关雷林鹏分享：jQuery EasyUI 菜单与按钮 - 创建分割按钮

　　jQuery EasyUI 菜单与按钮 - 创建分割按钮(Split Button) 　　分割按钮(Split Button)包含一个链接按钮(Link Button)和

超、凢脫俗/ 2021年11月19日 14:30/ 0 赞/ 249 阅读