閱讀(4.6k) 書簽贊(0) 我要糾錯

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

2018-09-29 07:33 更新

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

通過 $.fn.linkbutton.defaults 重寫默認的 defaults。

鏈接按鈕（linkbutton）用于創(chuàng)建一個超鏈接按鈕。它是一個正常的 <a> 標(biāo)記的表示。它可顯示圖標(biāo)和文本，或者僅僅顯示圖標(biāo)和文本中的一個。按鈕寬度可動態(tài)收縮/擴展以適應(yīng)其文本標(biāo)簽。

從標(biāo)記創(chuàng)建鏈接按鈕（linkbutton）更容易。

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

編程創(chuàng)建鏈接按鈕（linkbutton）也是允許的。

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

鏈接按鈕（linkbutton）上的點擊將把用戶引導(dǎo)到其他頁面。

<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	如果設(shè)置為 true，則禁用按鈕。	false
toggle	boolean	如果設(shè)置為 true，則允許用戶切換按鈕的選中狀態(tài)。該屬性自版本 1.3.3 起可用。	false
selected	boolean	定義按鈕狀態(tài)是否已選擇。該屬性自版本 1.3.3 起可用。	false
group	string	指示按鈕所屬的分組名稱。該屬性自版本 1.3.3 起可用。	null
plain	boolean	如果設(shè)置為 true，則顯示一個簡單的效果。	false
text	string	按鈕文本。	''
iconCls	string	在左邊顯示一個 16x16 圖標(biāo)的 CSS class。	null
iconAlign	string	按鈕圖標(biāo)的位置?？赡艿闹担?left'、'right'。該屬性自版本 1.3.2 起可用。	left

名稱	參數(shù)	描述
options	none	返回選項（options）屬性（property）。
disable	none	禁用按鈕。代碼實例： $('#btn').linkbutton('disable');
enable	none	啟用按鈕。代碼實例： $('#btn').linkbutton('enable');
select	none	選中按鈕。該方法自版本 1.3.3 起可用。
unselect	none	未選中按鈕。該方法自版本 1.3.3 起可用。