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

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

2018-09-29 07:33 更新

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

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

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

從標記創(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）上的點擊將把用戶引導到其他頁面。

<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，則允許用戶切換按鈕的選中狀態(tài)。該屬性自版本 1.3.3 起可用。	false
selected	boolean	定義按鈕狀態(tài)是否已選擇。該屬性自版本 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

名稱	參數(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 起可用。

以上內(nèi)容是否對您有幫助：

寫筆記

我要補充