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