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

学JAVA网

 找回密码
 立即注册

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脚本方式创建链接按钮

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


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




END
您需要登录后才可以回帖 登录 | 立即注册

Archiver|手机版|学JAVA网

GMT+8, 2018-9-21 20:13 , Processed in 0.159628 second(s), 24 queries .

Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

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