### 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>

使用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. });

#### 属性

属性名 | 属性值类型 | 描述 | 默认值
--- | --- | --- | ---
width | number | 组件的宽度。（该属性自1.4版开始可用） | null
height | number | 组件的高度。（该属性自1.4版开始可用） | null
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 | 返回属性对象。
resize | param | 重置按钮。（该方法自1.4版开始可用） 代码示例：
    $('#btn').linkbutton('resize', {
    	width: '100%',
    	height: 32
    });
disable | none | 禁用按钮。 代码示例：
    $('#btn').linkbutton('disable');
enable | none | 启用按钮。 代码示例：
    $('#btn').linkbutton('enable');
select | none | 选择按钮。（该方法自1.3.3版开始可用）
unselect | none | 取消选择按钮。（该方法自1.3.3版开始可用）