jQuery EasyUI 菜单与按钮插件 – Linkbutton 链接按钮

优质
小牛编辑
127浏览
2023-12-01
pre { white-space: pre-wrap; } jQuery EasyUI 插件

通过 $.fn.linkbutton.defaults 重写默认的 defaults。

链接按钮(linkbutton)用于创建一个超链接按钮。它是一个正常的 <a> 标记的表示。它可显示图标和文本,或者仅仅显示图标和文本中的一个。按钮宽度可动态收缩/扩展以适应其文本标签。

用法

创建链接按钮(linkbutton)

从标记创建链接按钮(linkbutton)更容易。

<a id="btn" href="#" 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" data-options="iconCls:'icon-search'">easyui</a>

下面的实例将警告一个消息。

<a href="#" data-options="iconCls:'icon-search'"
    onclick="javascript:alert('easyui')">easyui</a>

使用 jQuery 绑定 click 处理程序。

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

属性

名称类型描述默认值
idstring该组件的 id 属性。null
disabledboolean如果设置为 true,则禁用按钮。false
toggleboolean如果设置为 true,则允许用户切换按钮的选中状态。该属性自版本 1.3.3 起可用。false
selectedboolean定义按钮状态是否已选择。该属性自版本 1.3.3 起可用。false
groupstring指示按钮所属的分组名称。该属性自版本 1.3.3 起可用。null
plainboolean如果设置为 true,则显示一个简单的效果。false
textstring按钮文本。''
iconClsstring在左边显示一个 16x16 图标的 CSS class。null
iconAlignstring按钮图标的位置。可能的值:'left'、'right'。该属性自版本 1.3.2 起可用。left

方法

名称参数描述
optionsnone返回选项(options)属性(property)。
disablenone禁用按钮。
代码实例:
$('#btn').linkbutton('disable');
enablenone启用按钮。
代码实例:
$('#btn').linkbutton('enable');
selectnone选中按钮。该方法自版本 1.3.3 起可用。
unselectnone未选中按钮。该方法自版本 1.3.3 起可用。
jQuery EasyUI 插件