easyUI LinkButton,

@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!