EasyUI Linkbutton 链接按钮
通过 $.fn.linkbutton.defaults 重写默认的 defaults。
链接按钮(linkbutton)用于创建一个超链接按钮。它是一个正常的 <a> 标记的表示。它可显示图标和文本,或者仅仅显示图标和文本中的一个。按钮宽度可动态收缩/扩展以适应其文本标签。
用法
创建链接按钮(linkbutton)
从标记创建链接按钮(linkbutton)更容易。
- <a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>
编程创建链接按钮(linkbutton)也是允许的。
- <a id="btn" href="#">easyui</a>
- $('#btn').linkbutton({
- iconCls: 'icon-search'
- });
处理链接按钮(linkbutton)上的点击。
链接按钮(linkbutton)上的点击将把用户引导到其他页面。
- <a href="otherpage.php" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>
下面的实例将警告一个消息。
- <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'"
- onclick="javascript:alert('easyui')">easyui</a>
使用 jQuery 绑定 click 处理程序。
- <a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>
- $(function(){
- $('#btn').bind('click', function(){
- alert('easyui');
- });
- });
属性
名称 | 类型 | 描述 | 默认值 |
---|---|---|---|
id | string | 该组件的 id 属性。 | null |
disabled | boolean | 如果设置为 true,则禁用按钮。 | false |
toggle | boolean | 如果设置为 true,则允许用户切换按钮的选中状态。该属性自版本 1.3.3 起可用。 | false |
selected | boolean | 定义按钮状态是否已选择。该属性自版本 1.3.3 起可用。 | false |
group | string | 指示按钮所属的分组名称。该属性自版本 1.3.3 起可用。 | null |
plain | boolean | 如果设置为 true,则显示一个简单的效果。 | false |
text | string | 按钮文本。 | '' |
iconCls | string | 在左边显示一个 16x16 图标的 CSS class。 | null |
iconAlign | string | 按钮图标的位置。可能的值:'left'、'right'。该属性自版本 1.3.2 起可用。 | left |
方法
名称 | 参数 | 描述 |
---|---|---|
options | none | 返回选项(options)属性(property)。 |
disable | none |
禁用按钮。 代码实例:
|
enable | none |
启用按钮。代码实例:
|
select | none | 选中按钮。该方法自版本 1.3.3 起可用。 |
unselect | none | 未选中按钮。该方法自版本 1.3.3 起可用。 |
EasyUI Linkbutton 链接按钮相关推荐
- essyui php,Easyui Linkbutton 链接按钮_EasyUI 插件
通过 $.fn.linkbutton.defaults 重写默认的 defaults. 链接按钮(linkbutton)用于创建一个超链接按钮.它是一个正常的 标记的表示.它可显示图标和文本,或者仅仅 ...
- WPF UI开发教程LinkButton链接按钮
开发应用软件也需要像网页,加个超链接样式按钮.和网页需求一样需要把按钮字体颜色变蓝色,加上下划线,鼠标放上变成手型就行啦. 直接上按钮样式代码,需要加更多依赖属性可以修改到样式. <Style ...
- jQuery EasyUI API 中文文档 - 链接按钮(LinkButton)
LinkButton 链接按钮 风流涕淌 翻译.不当之处,敬请指正.转载请保留出处! 用 $.fn.linkbutton.defaults 重写了 defaults. 用法示例 1. <a ...
- easyUI之LinkButton(按钮)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head ...
- easyUI ---linkButton
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>按钮 ...
- html图片显示详情,纯CSS鼠标经过图片视差弹出层显示详情链接按钮特效代码.html...
纯CSS鼠标经过图片视差弹出层显示详情链接按钮特效代码 * { box-sizing: border-box; } html, body { height: 100%; background:#ddd ...
- html复制按钮easyui,简化的EasyUI带图标按钮
下面是编程之家 jb51.cc 通过网络收集整理的代码片段. 编程之家小编现在分享给大家,也给大家做个参考. a.l-btn span.l-btn-left{ display:inline-block ...
- QQ面板上的所有链接按钮、qq聊天窗口中的那些超级链接打不开的原因
最近碰到一个问题,点击了qq面板上网页链接,qq空间的按钮链接,半天都没反应.浏览网页很正常,能打开访问.就是那些QQ面板上的所有链接按钮,包括qq邮箱.qq空间.qq交友.qq游戏全都点了打不开.q ...
- Easyui linkbutton的启用和禁用
传统html标签一般设置disable属性就可以起到警用的效果,如input,button元素.对于Easyui linkbutton元素,可以是a标签加上 class="easyui-li ...
最新文章
- 这次,让我们捋清:同步、异步、阻塞、非阻塞
- MVC中,视图的Layout使用
- mysql数据库存储引擎选择_MySQL数据库性能优化之存储引擎选择
- 十招搞定SQL2K安全
- Android之app引导页(背景图片切换加各个页面动画效果)
- 女神节,来聊聊这几位神一般的“程序媛”
- 《Linux命令行与shell脚本编程大全 第3版》高级Shell脚本编程---24
- 高可用服务 AHAS 在消息队列 MQ 削峰填谷场景下的应用...
- WSL2之kali从C盘迁移到E盘
- Spring Boot + Spring Data JPA项目配置多数据源
- Scott Mitchell 的ASP.NET 2.0数据操作教程之九:跨页面的主/从报表
- android 将鼠标右键点击事件改为点击后返回功能
- 如何解决笔记本键盘突然失灵的问题
- Unity-URP-基于模板的延迟渲染
- 使用SQLite打开本地.db文件
- c语言指针一步错步步错,一步错步步错,可是到底错在哪里
- Dos窗口的打开方式及其常用命令
- rx590 黑苹果 无货_应粉丝要求花9000配了一台高端黑苹果电脑,大家看看值不值吧!...
- 使用virt-v2v转换kvm虚拟化为ovirt需求的ovf
- 多相机视觉系统的坐标系统标定与统一及其应用
热门文章
- 第一步工作:郁闷后的觉醒
- 新能源汽车高歌猛进,电池盒视觉检测系统蓄势待发
- 【17】SCI易中期刊推荐——计算机信息系统电子与电气(中科院4区)
- 直播间背景图怎么设计?直播间背景设计软件分享。​
- 关于C++的奇妙小怪招
- SQL Server 创建用户时报错:15023 用户,组或角色'XXX'在当前数据库中已存在
- java后端开发知识点总结(一)
- sharding-jdbc分片策略(二)
- C++浅拷贝(值拷贝)和深拷贝(位拷贝)
- 那么蒙特卡洛树搜索(Monte Calro Tree Search, MCTS)究竟是啥