无主题 · 开发技术博客

JQuery EasyUI linkbutton(连接按钮)

链接按钮

重写默认方法 $.fn.linkbutton.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

<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
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');

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

¥ 打赏博主
站内评论 新浪微博评论
发表评论
评论(1)
没有看到评论?强制刷新
评论 (1)
引用 (0)
  • 1楼
    饼脸的小胖砸 :

    表白博主,这些知识都很有用,受益匪浅

    2016.10.21 18:16 中国浙江杭州 | Windows 10 | Chrome 45.0.2454.101 回复
  • 还没有Trackback