EasyUI之Linkbutton按钮

最新推荐文章于 2023-04-21 08:43:08 发布
最新推荐文章于 2023-04-21 08:43:08 发布
阅读量4.0k 收藏
点赞数
分类专栏： __2.4 EasyUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ya_1249463314/article/details/69666940
版权

1.样式


按钮组件使用超链接按钮创建。它使用一个普通的<a>标签进行展示。它可以同时显示一个图标和文本,或只有图标或文字。按钮的宽度可以动态和折叠/展开以适应它的文本标签。

2.练习1：按钮

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>link button</title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<!-- 引入css文件 -->
<link rel="stylesheet" href="themes/default/easyui.css" type="text/css"></link>
<link rel="stylesheet" href="themes/icon.css" type="text/css"></link>

<!-- 引入js文件 -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
</head>
<body>
	<a id="add" 
	   href="#" 
	   class="easyui-linkbutton" 
	   data-options="iconCls:'icon-add'">新增订单</a> 
	<a id="remove" 
	   href="#" 
	   class="easyui-linkbutton" 
	   data-options="iconCls:'icon-remove'">删除订单</a>
	<a id="update" 
	   href="#" 
	   class="easyui-linkbutton" 
	   data-options="iconCls:'icon-edit'">修改订单</a>
	<a id="search" 
	   href="#" 
	   class="easyui-linkbutton" 
	   data-options="iconCls:'icon-search'">查询订单</a>
</body>
</html>
结果：


3.文档





sunpy 孙培煜
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
EasyUI在Panel上动态添加LinkButton按钮
08-29
Easyui的panel面板，在panel的面板中动态添加Linkbuton按钮的编辑方法，下面把实现思路及代码记录到脚本之家平台，供大家参考
EasyUI系列学习(七)-Linkbutton(按钮)
weixin_30423977的博客
02-19 667
一、加载组件 1.使用class加载 <a href="#" class="easyui-linkbutton">按钮</a> 2.使用js加载 <a href="#" id="btn"></a> <script> $(function () { $("#btn").link...
easyUI(6)linkbutton控件
worn_xiao的博客
03-11 1363
jQuery Easy UI 按钮 $(function () { $('#box').linkbutton({ id:'pox' //组件的id属性 text:'提交'//按钮文件 默认为空字符串 disabled : true,//是否为禁止按钮 toggle : true,//是否可以允许它像复选框一样可以切换 s
easyui-linkbutton水平居中
aas3637721的博客
05-14 1700
easyui-linkbutton为内联元素，直接在外层div加样式： style="text-align: center"
jQuery EasyUI API 中文文档 – MenuButton菜单按钮使用介绍
12-07
扩展自 $.fn.linkbutton.defaults。用 $.fn.menubutton.defaults 重写了defaults。 依赖 menu linkbutton 用法 代码如下: <a>Edit</a> <div id=”mm” xss=removed> <div iconCls=”icon-undo”>Undo</div> <div iconCls=”icon-redo”>Redo</div> <div class=”menu-sep”></div>
jQuery EasyUI 菜单与按钮 - 创建链接按钮（Link Button）
unber的博客
04-21 495
通常情况下，使用 元素来创建按钮，而链接按钮（Link Button）则是使用 元素来创建的。所以实际上一个链接按钮（Link Button）就是一个显示为按钮样式的 元素。正如您所看到的，iconCls 属性是一个 icon 的 CSS class 样式，它在按钮上显示一个 icon 图片。
【EasyUI篇】LinkButton按钮组件
ouYang的博客
08-29 5372
微信公众号：程序yuan 关注可了解更多的教程。问题或建议，请公众号留言; 查看--&gt; 全套EasyUI示例目录 5.LinkButton按钮组件     JSP文件 &lt;%--   Created by IntelliJ IDEA.   User: ooyhao   Date: 2018/7/29 0029   Time: 9:21 --%&gt; &lt;%...
easyui-linkbutton 改变按钮样式
yb305
12-06 1万+
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt;     &lt;meta charset="UTF-8"&gt;     &lt;title&gt;Button Group - jQuery EasyUI Demo&lt;/title&gt;     &lt;link rel="stylesheet" type=&qu
easyUI入门《十一、linkbutton基础：按钮》
雷嘉辉的博客
09-04 470
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Insert title here&lt;/title&gt; &lt;!--引入基本库--&gt; &lt;script type="text/javascr
easyui-01
m0_65208075的博客
05-09 393
一.jQuery EasyUI简介 封装大量的jQuery插件(简化ajax，jquery，css样式，布局) 二.jQueryEasyUI框架概述 什么是jQuery EasyUI? JQuery EasyUI就是一套基础JQuery的富客户端的UI框架(简化ajax，jquery，css样式，布局)。像这些将常用的控件封装成一个UI库的框架统称富客户端框架 jQuery Easy的作用 既然EasyUI是一个UI框架，所以它的功能就是用于处理页面的展示效果的。通常用于完成后台管..
Jquery Easyui分割按钮组件SplitButton使用详解（17）
01-19
SpliButton组件依赖于Menu(菜单)组件和 LinkButton(按钮)组件 加载方式 Class加载 <a>编辑</a> <div id=box xss=removed> <div data-options=iconCls:>撤销</div> <div data-options=iconCls:'i
jQuery EasyUI 1.2.4 API 中文文档.chm
11-18
本 chm 文档是根据博客园“风流涕淌”的《jQuery EasyUI 1.2.4 API 中文文档（完整）目录》整理而成 http://www.cnblogs.com/Philoo/archive/2011/11/17/jeasyui_api_index.html Base 基础 Documentation 文档 Parser 解析器 EasyLoader 加载器 Draggable 可拖拽 Droppable 可释放 Resizable 可调整尺寸 Pagination 分页 SearchBox 搜索框 ProgressBar 进度条 Layout 布局 Panel 面板 Tabs 标签页/选项卡 Accordion 手风琴 Layout 布局 Menu and Button 菜单和按钮 Menu 菜单 LinkButton 链接按钮 MenuButton 菜单按钮 SplitButton 拆分按钮 （这个一直不知道中文该如何表述才恰当，谁知道一定告诉我啊） Form 表单 Form 表单 ValidateBox 验证框 Combo 组合 ComboBox 组合框 ComboTree 组合树 ComboGrid 组合表格 NumberBox 数字框 DateBox 日期框 DateTimeBox 日期时间框 Calendar 日历 Spinner 微调器 NumberSpinner 数值微调器 TimeSpinner 时间微调器 Window 窗口 Window 窗口 Dialog 对话框 Messager 消息框 DataGrid and Tree 数据表格和树 DataGrid 数据表格 PropertyGrid 属性表格 Tree 树 TreeGrid 树形表格
jQuery EasyUI，LinkButton(按钮)组件
weixin_33991727的博客
11-13 386
转自：https://www.cnblogs.com/adc8868/p/6639570.html jQuery EasyUI，LinkButton(按钮)组件 学习要点： 　　1.加载方式 　　2.属性列表 　　3.方法列表 本节课重点了解 EasyUI 中 LinkButton(按钮)组件的使用方法，这个组件不依赖于其 他组件。 一．加载方式 //clas...
easyui linkbutton 去除自带样式
小叶lr的博客
06-03 217
<li class="easyui-linkbutton" data-options="plain:true"></li> "; plain:true 开启朴素、 平常模式，加上了此属性后基本比较不好看的自带样式就没有了
easyUI ---linkButton
weixin_33816821的博客
06-25 408
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>按钮</title> <link rel="stylesheet" type="text/css" href="js/jquery-easyui/themes/default/easyui...
2、EasyUi:常用的插件button
小王的博客
09-16 880
easyui学习，button按钮的使用
EasyUi按钮样式
a56499的博客
08-21 2074
1、菜单 （1）、用法   通过标记创建菜单（menu）应该添加 'easyui-menu' class 到 <div> 标记。每个菜单项（menu item）通过 <div> 标记创建。我们可以添加 'iconCls' 属性到菜单项（menu item），以定义一个显示在菜单项（menu item）左边的图标。添加 'menu-sep' class 到菜单项（menu item）将产...
EasyUI之树形结构tree
热门推荐
sunpy
04-20 1万+
1.样式 树控件在web页面中一个将分层数据以树形结构进行显示。它提供用户展开、折叠、拖拽、编辑和异步加载等功能。 2.静态方式生成树 tree 第一章 第一节 第一条
easyui-linkbutton
最新发布
05-18
EasyUI中的linkbutton组件是一个超链接按钮，它可以用于触发某些操作或链接到其他页面。以下是一个基本的linkbutton示例： ```html <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add', plain:true">Add</a> ``` 上述示例中，我们创建了一个带有“Add”文本和“icon-add”图标的linkbutton。plain:true属性使按钮背景透明，只显示图标和文本。 我们还可以通过JavaScript动态地创建和配置linkbutton组件，例如： ```javascript $('#btnSave').linkbutton({ iconCls: 'icon-save', text: 'Save', plain: true, onClick: function(){ // 执行保存操作 } }); ``` 上述示例中，我们创建了一个ID为“btnSave”的linkbutton，带有“Save”文本和“icon-save”图标。当按钮被点击时，执行onClick函数中的代码。 除了常规属性之外，linkbutton还有一些其他属性，例如disabled、toggle、selected等，它们可以用于控制按钮的状态和行为。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值