jQuery EasyUI 菜單與按鈕插件– Linkbutton 鏈接按鈕
通過$.fn.linkbutton.defaults 重寫默認的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 綁定click 處理程序。
<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 |
toggle | boolean | 如果设置为 true,则允许用户切换按钮的选中状态。该属性自版本 1.3.3 起可用。 | false |
selected | boolean | 定义按钮状态是否已选择。该属性自版本 1.3.3 起可用。 | false |
group | string | 指示按钮所属的分组名称。该属性自版本 1.3.3 起可用。 | null |
plain | boolean | 如果设置为 true,则显示一个简单的效果。 | false |
text | string | 按钮文本。 | '' |
iconCls | string | 在左边显示一个 16x16 图标的 CSS class。 | null |
iconAlign | string | 按钮图标的位置。可能的值:'left'、'right'。该属性自版本 1.3.2 起可用。 | left |
方法
名称 | 参数 | 描述 |
---|---|---|
options | none | 返回选项(options)属性(property)。 |
disable | none | 禁用按钮。 代码实例: $('#btn').linkbutton('disable'); |
enable | none | 启用按钮。 代码实例: $('#btn').linkbutton('enable'); |
select | none | 选中按钮。该方法自版本 1.3.3 起可用。 |
unselect | none | 未选中按钮。该方法自版本 1.3.3 起可用。 |
jQuery EasyUI插件