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.文档

EasyUI之Linkbutton按钮相关推荐

jQuery EasyUI，LinkButton(按钮)组件
转自:https://www.cnblogs.com/adc8868/p/6639570.html jQuery EasyUI,LinkButton(按钮)组件学习要点: 1.加载方式 2.属性列表 ...
设置 easyUi的linkbutton按钮生效失效
设置class="easyui-linkbuttond" 按钮生效失效失效: $("#xxx").linkbutton('disable'); 生效: $( ...
第 7 章 LinkButton(按钮)组件
学习要点: 加载方式属性列表方法列表本节课重点了解 EasyUI 中 LinkButton(按钮)组件的使用方法,这个组件不依赖于其他组件. 一.加载方式 //class 加载方式 <a ...
【EasyUI篇】LinkButton按钮组件
微信公众号:程序yuan 关注可了解更多的教程.问题或建议,请公众号留言; 查看--> 全套EasyUI示例目录 5.LinkButton按钮组件 JSP文件 <%--Created by ...
jQuery easyUI中LinkButton获取它的属性值
jQuery easyUI中LinkButton获取它的属性值 LinkButton按钮如下: <a id="btn" href="#" class=&q ...
04.tooltip提示框插件，linkbutton按钮插件与progressbar进度条插件
tooltip提示框插件 1 渲染方式 2 属性 3 事件 4 方法 linkbutton按钮插件 21 渲染方式 22 属性 23 方法 progressbar进度条插件 1 渲染方式 2 属性 3 ...
html复制按钮easyui,简化的EasyUI带图标按钮
下面是编程之家 jb51.cc 通过网络收集整理的代码片段. 编程之家小编现在分享给大家,也给大家做个参考. a.l-btn span.l-btn-left{ display:inline-block ...
easyui中linkbutton连续点击事件
easyui中linkbutton连续点击事件 <a id="voice" class="easyui-linkbutton easyui-tooltip" ...
easyUI之LinkButton（按钮）
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head ...

EasyUI之Linkbutton按钮

1.样式

2.练习1：按钮

3.文档

EasyUI之Linkbutton按钮相关推荐

最新文章

热门文章