EasyUI-LinkButton(按钮)

使用$.fn.linkbutton.defaults重写默认值对象。

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


 
 

使用案例

创建按钮

使用标签创建按钮更加简单。

  1.  id=“btn” href=“#” class=-linkbutton” data-options=“iconCls:'icon-search'”>  


也可以使用创建按钮。

  1. “btn” href=“#”
  2. $(‘#btn').linkbutton({   
  3.     iconCls: ‘icon-search'  
  4. });  


处理按钮的点击

点击按钮会将用户引导到其他页面。

  1.  href=“otherpage.php” class=-linkbutton” data-options=“iconCls:'icon-search'”>  


下面的示例提示了一个警告信息。

  1.  href=“#” class=-linkbutton” data-options=“iconCls:'icon-search'”  
  2.         onclick=:alert(‘easyui')”>easyui  


Bind click handler using jQuery.

  1.  id=“btn” href=“#” class=“easyui-linkbutton” data-options=“iconCls:'icon-search'”>easyui  


  1. $(function(){   
  2.     $(‘#btn').bind(‘click'function(){   
  3.         alert(‘easyui');   
  4.     });   
  5. });  


 
 

属性

属性名

属性值类型

描述

默认值

id

string

组件的ID属性。

null

disabled

boolean

true时禁用按钮。

false

toggle

boolean

true时允许用户切换其状态是被选中还是未选择,可实现checkbox复选效果。(该属性自1.3.3版开始可用)

false

selected

boolean

定义按钮初始的选择状态,true为被选中,false为未选中。(该属性自1.3.3版开始可用)

false

group

string

指定相同组名称的按钮同属于一个组,可实现radio单选效果。(该属性自1.3.3版开始可用)

null

plain

boolean

true时显示简洁效果。

false

text

string

按钮文字。

iconCls

string

显示在按钮文字左侧的图标(16×16)CSSID

null

iconAlign

string

按钮图标位置。可用值有:
‘left','right'
(该属性自1.3.2版开始可用)
‘top','bottom'
(该属性自1.3.6版开始可用)

left

size

string

按钮大小。可用值有:‘small','large'(该属性自1.3.6版开始可用)

small

 
 

事件

事件名

事件参数

描述

onClick

none

在点击按钮的时候触发。(该事件自1.3.6版开始可用)

 
 

方法

方法名

方法参数

描述

options

none

返回属性对象。

resize

param

重置按钮。(该方法自1.4版开始可用)

代码示例:

$(‘#btn').linkbutton(‘resize', {

    width: ‘100%',

    height: 32

});

disable

none

禁用按钮。 

代码示例:

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

enable

none

启用按钮。 

代码示例:

$(‘#btn').linkbutton(‘enable'); 

select

none

选择按钮。(该方法自1.3.3版开始可用)

unselect

none

取消选择按钮。(该方法自1.3.3版开始可用)

声明: 除非转自他站(如有侵权,请联系处理)外,本文采用 BY-NC-SA 协议进行授权 | 智乐兔
转载请注明:转自《EasyUI-LinkButton(按钮)
本文地址:https://www.zhiletu.com/archives-2431.html
关注公众号:智乐兔

赞赏

wechat pay微信赞赏alipay pay支付宝赞赏

上一篇
下一篇

相关文章

在线留言

你必须 登录后 才能留言!

在线客服
在线客服 X

售前: 点击这里给我发消息
售后: 点击这里给我发消息

智乐兔官微