jQuery EasyUI 菜單與按鈕插件 - Linkbutton 鏈接按鈕

jQuery EasyUI 插件 jQuery EasyUI 插件

通過 $.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 插件 jQuery EasyUI 插件