欢迎来到.net学习网

欢迎联系站长一起更新本网站!QQ:879621940

您当前所在位置:首页 » JQuery EasyUI 1.3.6官方API文档中文版 » 正文

LinkButton(按钮)

创建时间:2014年08月29日 14:56  阅读次数:(10573)
分享到:

LinkButton(按钮)

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

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

使用案例

创建按钮

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

  1. <a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>  

也可以使用Javascript创建按钮。

  1. <a id="btn" href="#">easyui</a>   
  2. $('#btn').linkbutton({   
  3.     iconCls: 'icon-search'  
  4. });  
处理按钮的点击

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

  1. <a href="otherpage.php" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>  

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

  1. <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'"  
  2.         onclick="javascript:alert('easyui')">easyui</a>  

Bind click handler using jQuery.

  1. <a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>  
  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 显示在按钮文字左侧的图标(16x16)的CSS类ID。 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 返回属性对象。
disable none 禁用按钮。 

代码示例:

$('#btn').linkbutton('disable');
enable none 启用按钮。 

代码示例:

$('#btn').linkbutton('enable');
select none 选择按钮。(该属性自1.3.3版开始可用)
unselect none 取消选择按钮。(该属性自1.3.3版开始可用)
来源:
说明:所有来源为 .net学习网的文章均为原创,如有转载,请在转载处标注本页地址,谢谢!
【编辑:Wyf】

打赏

取消

感谢您的支持,我会做的更好!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

最新评论

共有评论0条
  • 暂无任何评论,请留下您对本文章的看法,共同参入讨论!
发表评论:
留言人:
内  容:
请输入问题 40+41=? 的结果(结果是:81)
结  果: