jQuery EasyUI 菜单与按钮插件 – Linkbutton 链接按钮
jQuery EasyUI 插件通过 $.fn.linkbutton.defaults 重写默认的 defaults。
链接按钮（linkbutton）用于创建一个超链接按钮。它是一个正常的 <a> 标记的表示。它可显示图标和文本，或者仅仅显示图标和文本中的一个。按钮宽度可动态收缩/扩展以适应其文本标签。
用法
创建链接按钮（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');
});
});
属性
| 名称 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| id | string | 该组件的 id 属性。 | null |
| disabled | boolean | 如果设置为 true，则禁用按钮。 | false |
| toggle | boolean | 如果设置为 true，则允许用户切换按钮的选中状态。该属性自版本 1.3.3 起可用。 | false |
| selected | boolean | 定义按钮状态是否已选择。该属性自版本 1.3.3 起可用。 | false |
| group | string | 指示按钮所属的分组名称。该属性自版本 1.3.3 起可用。 | null |
| plain | boolean | 如果设置为 true，则显示一个简单的效果。 | false |
| text | string | 按钮文本。 | '' |
| iconCls | string | 在左边显示一个 16x16 图标的 CSS class。 | null |
| iconAlign | string | 按钮图标的位置。可能的值：'left'、'right'。该属性自版本 1.3.2 起可用。 | left |
方法
| 名称 | 参数 | 描述 |
|---|---|---|
| options | none | 返回选项（options）属性（property）。 |
| disable | none | 禁用按钮。 代码实例：
$('#btn').linkbutton('disable');
|
| enable | none | 启用按钮。 代码实例：
$('#btn').linkbutton('enable');
|
| select | none | 选中按钮。该方法自版本 1.3.3 起可用。 |
| unselect | none | 未选中按钮。该方法自版本 1.3.3 起可用。 |
jQuery EasyUI 插件