LinkButton

Override defaults with $.fn.linkbutton.defaults.

The linkbutton is used to create a hyperlink button. It is a representation of a normal <a> tag. It can display both an icon and text, or only the icon or text. The button width can dynamic and shrink/expand to fit its text labels.

Usage Example

Create linkbutton

Create a linkbutton from markup is more easily.

Create a linkbutton programmatically is also allowed.

Process clicking on linkbutton.

Clicking on linkbutton will send the user to other page.

The example below will alert a message.

Bind click handler using jQuery.

Properties

Name Type Description Default
width number The width of this component. null
height number The height of this component. null
id string The id attribute of this component. null
disabled boolean True to disable the button false
toggle boolean True to enable the user to switch its state to selected or unselected. Available since version 1.3.3. false
selected boolean Defines if the button's state is selected. Available since version 1.3.3. false
group string The group name that indicates what buttons belong to. Available since version 1.3.3. null
plain boolean True to show a plain effect. false
text string The button text. ''
iconCls string A CSS class to display a 16x16 icon on left. null
iconAlign string Position of the button icon. Possible values are: 'left','right','top','bottom'. Available since version 1.3.2. left
size string The button size. Possible values are: 'small','large'. Available since version 1.3.6. small

Events

Name Parameters Description
onClick none Fires when click the button. Available since version 1.3.6.

Methods

Name Parameter Description
options none Return options property.
resize param Resize the button. Available since version 1.4.

Code example:

$('#btn').linkbutton('resize', {
	width: '100%',
	height: 32
});
disable none Disable the button.

Code example:

$('#btn').linkbutton('disable');
enable none Enable the button.

Code example:

$('#btn').linkbutton('enable');
select none Select the button. Available since version 1.3.3.
unselect none Unselect the button. Available since version 1.3.3.