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

2018-09-29 07:33 更新

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

jQuery EasyUI 插件 jQuery EasyUI 插件

通過 $.fn.linkbutton.defaults 重寫默認(rèn)的 defaults。

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

用法

創(chuàng)建鏈接按鈕（linkbutton）

從標(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）上的點(diǎn)擊。

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

<a href="otherpage.php" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>

下面的實(shí)例將警告一個(gè)消息。

<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');
    });
});

屬性

名稱 類型 描述 默認(rèn)值
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，則顯示一個(gè)簡單的效果。 false
text string 按鈕文本。 ''
iconCls string 在左邊顯示一個(gè) 16x16 圖標(biāo)的 CSS class。 null
iconAlign string 按鈕圖標(biāo)的位置?？赡艿闹担?left'、'right'。該屬性自版本 1.3.2 起可用。 left

方法

名稱 參數(shù) 描述
options none 返回選項(xiàng)（options）屬性（property）。
disable none 禁用按鈕。
代碼實(shí)例： 
$('#btn').linkbutton('disable');
enable none 啟用按鈕。
代碼實(shí)例： 
$('#btn').linkbutton('enable');
select none 選中按鈕。該方法自版本 1.3.3 起可用。
unselect none 未選中按鈕。該方法自版本 1.3.3 起可用。
jQuery EasyUI 插件 jQuery EasyUI 插件
以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)