现在的位置: 首页 > 综合 > 正文

easyUI LinkButton,

2013年10月19日 ⁄ 综合 ⁄ 共 1159字 ⁄ 字号 评论关闭

@author YHC

$.fn.linkbutton.defaults覆盖默认值

linkbutton用来创建超链接按钮,它代表一个常规的<a>标签,可以显示一个icon和文本,或者仅仅只是icon或者是文本,这个button的宽度是动态收缩/或者是展开

适应它的文本标签.


使用示例

创建 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');  
    });  
});  

属性

Name Type Description Default
id string 这个组件的id属性 . null
disabled boolean True 禁用这个button false
plain boolean True 显示一个普通的效果. false
text string  button 显示文本. ''
iconCls string 一个CSS样式  显示一个在左侧16x16 icon 图标. null

方法

Name Parameter Description
options none 返回options 属性.
disable none 禁用 button.

示例代码:

$('#btn').linkbutton('disable');
enable none 启用 button.

示例代码:

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



以上如果有错误信息,请指出thanks!

抱歉!评论已关闭.