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)簽。
從標(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)擊將把用戶引導(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 起可用。 |