链接按钮

重写默认方法 $.fn.linkbutton.defaults.

这个linkbutton是用来创建一个超链接按钮。这是一个表示一个正常的<a>标记。它可以同时显示一个图标和文本,或只有图标或文字。按钮的宽度可以动态和收缩/扩张以适应它的文本标签。

应用实例 创建linkbutton

创建一个linkbutton标记是很容易的。

<a href="#" data-options="iconCls:'icon-search'">easyui</a>

以编程方式创建一个linkbutton也是允许的。

<a href="#">easyui</a> $('#btn').linkbutton({ iconCls: 'icon-search' });

 

点击linkbutton过程。

点击linkbutton将跳转到其他页面。

<a href="otherpage.php" data-options="iconCls:'icon-search'">easyui</a>

下面的例子是点击弹出提示消息。

<a href="#" data-options="iconCls:'icon-search'">easyui</a>

 

绑定单击处理程序使用JQuery。

<a href="#" data-options="iconCls:'icon-search'">easyui</a> $(function(){ $('#btn').bind('click', function(){ alert('easyui'); }); });

 

属性

名称 类型 说明 默认

id string 这种组件的id属性。 null

disabled boolean True禁用按钮 false

plain boolean True显示一个普通的效应。 false

text string 按钮的文本。 ''

iconCls string 一个CSS类来显示一个16 x16图标在左边。 null

iconAlign string 位置的按钮图标。可能的值是: 'left','right'. 这个属性可以从版本1.3.2以后使用。 left

方法

名称 参数 说明

options none 返回选择属性。

disable none 禁用按钮代码示例:

$('#btn').linkbutton('disable');

enable none 启用按钮代码示例:

$('#btn').linkbutton('enable');

如果觉得我的文章对您有用，请随意打赏。您的支持将鼓励我继续创作！

暂时停用微博评论功能