YouTipPlugins Mb Linkbutton
# jQuery EasyUI Menus & Buttons Plugin – Linkbutton
* * jQuery EasyUI Plugins](#)
* * *
Override the defaults with `$.fn.linkbutton.defaults`.
The linkbutton is used to create a hyperlink button. It is a representation of a normal `` tag. It can display an icon and text, or just an icon or just text. The button width can dynamically shrink/expand to fit its text label.
!(#)
## Usage
#### Create a linkbutton
It is easier to create a linkbutton from markup.
easyui
Creating a linkbutton programmatically is also allowed.
easyui
```javascript
$('#btn').linkbutton({
iconCls: 'icon-search'
});
#### Handle the click on linkbutton
The click on a linkbutton will navigate the user to another page.
easyui
The following example will alert a message.
easyui
Use jQuery to bind a click handler.
easyui
```javascript
$(function(){
$('#btn').bind('click', function(){
alert('easyui');
});
});
## Properties
| Name | Type | Description | Default |
| :--- | :--- | :--- | :--- |
| id | string | The id attribute of this component. | null |
| disabled | boolean | If set to true, the button is disabled. | false |
| toggle | boolean | If set to true, the user can toggle the button's selected state. This property is available since version 1.3.3. | false |
| selected | boolean | Defines the button state as selected. This property is available since version 1.3.3. | false |
| group | string | Indicates the group name the button belongs to. This property is available since version 1.3.3. | null |
| plain | boolean | If set to true, display a plain effect. | false |
| text | string | The button text. | '' |
| iconCls | string | A CSS class to display a 16x16 icon on the left. | null |
| iconAlign | string | The button icon position. Possible values: 'left', 'right'. This property is available since version 1.3.2. | left |