LinkButton（按鈕）

使用$.fn.linkbutton.defaults重寫默認值對象。

按鈕組件使用超連接按鈕建立。它使用一個普通的<a>標籤進行展現。它能夠同時顯示一個圖標和文本,或只有圖標或文字。按鈕的寬度能夠動態和摺疊/展開以適應它的文本標籤。

 

使用案例

建立按鈕

使用標籤建立按鈕更加簡單。

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

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

也能夠使用Javascript建立按鈕。

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

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

處理按鈕的點擊

點擊按鈕會將用戶引導到其餘頁面。

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

<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>

<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'" onclick="javascript:alert('easyui')">easyui</a>

Bind click handler using jQuery.

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

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

$(function(){
    $('#btn').bind('click', function(){
        alert('easyui');
    });
});

$(function(){ $('#btn').bind('click', function(){ alert('easyui'); }); });

 

屬性

屬性名	屬性值類型	描述	默認值
id	string	組件的ID屬性。	null
disabled	boolean	爲true時禁用按鈕。	false
plain	boolean	爲true時顯示簡潔效果。	false
text	string	按鈕文字。	''
iconCls	string	顯示在按鈕文字左側的圖標(16x16)的CSS類ID。	null
iconAlign	string	按鈕圖標位置。可用值有：'left','right'。（該屬性自1.3.2版開始可用）	left

 

方法

方法名	方法參數	描述
options	none	返回屬性對象。
disable	none	禁用按鈕。  代碼示例： $('#btn').linkbutton('disable');
enable	none	啓用按鈕。  代碼示例： $('#btn').linkbutton('enable');