请选择 进入手机版 | 继续访问电脑版

easyui linkbutton 链接按钮

[复制链接]
发表于 2018-5-13 13:23:34 |显示全部楼层
在easyui 的组件中linkbutton链接按钮是最常用的也是最简单的一个组件。

UI效果展示:

     

easyui linkbutton

easyui linkbutton



使用方式:
  
1):使用标签方式创建链接按钮
  1. <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'">添加</a>
  2.                 <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove'">删除</a>
  3.                 <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-save'">保存</a>
  4.                 <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cut',disabled:true">剪切</a>
  5.                 <a href="#" class="easyui-linkbutton">Text Button</a>
复制代码
2):使用js脚本方式创建链接按钮

      
  1. <a href="#" id="btn"></a>
  2. <script>
  3.     $(function () {
  4.         $("#btn").linkbutton({
  5.             text: "按钮"
  6.         });
  7.     })
  8. </script>
复制代码

  
3):linkbutton添加点击事件
  1. <a href="#" onclick="save()" class="easyui-linkbutton" data-options="iconCls:'icon-save'">保存</a>
复制代码
属性:


名称 类型描述   默认值
id
disabled
plain
text
iconCls

方法:




禁用按钮:

  • $('#btn').linkbutton('disable');


禁用按钮:

  • $('#btn').linkbutton('disable');
END
您需要登录后才可以回帖 登录 | 立即注册

Archiver|手机版|沙漏笔记

GMT+8, 2019-12-9 05:35 , Processed in 0.149271 second(s), 24 queries .

Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

Copyright © 2015-2018 xuejava网 / 鲁ICP备17054568号-1
回顶部