# 加載方式 ### Class加載 ``` <a href="#" class="easyui-linkbutton">按鈕</a> ``` ### JS調用加載 ``` <a href="#" id="box"></a> <script> $(function(){ $('#box').linkbutton({ // 修改組件的 ID屬性 id:'pox', // 設置按鈕文字 text:'按鈕', // 設置按鈕是否禁用 //disabled:true, // 設置切換其狀態是否被選中，可實現 checkbox 復選效果 toggle:true, // 設置按鈕初始的選擇狀態 //selected:true, // 相同組名的按鈕同屬于一個組，可實現 radio單選效果 group:'man', // 設置顯示簡潔效果(不常用) //plain:true // 顯示在按鈕文字左側的圖標（16x16）的 CSS 類 ID iconCls:'icon-add', // 按鈕圖標位置。默認為 left，還有 right iconAlign:'right' }) }); </script> ``` # 屬性列表 |屬性名 | 值 | 說明| |--- |--- | ---| |id | string | 組件的 ID 屬性。默認為 null| |disabled | boolean | 設置 true 則禁止按鈕。默認為 false| |toggle | boolean | 設置 true 則允許用戶切換其狀態是否被選中，可實現 checkbox 復選效果。默認為 false| |selected | boolean | 定義按鈕初始的選擇狀態，true 是被選中，false為未選中。默認為 false| |group | string | 指定相同組名的按鈕同屬于一個組，可實現 radio單選效果。默認為 null| |plain | boolean | 設置 true 時顯示簡潔效果。默認為 false| |text | string | 按鈕文字。默認為空字符串| |iconCls| string | 顯示在按鈕文字左側的圖標（16x16）的 CSS 類 ID。默認為 null| |iconAlign | string | 按鈕圖標位置。默認為 left，還有 right| ## 方法列表 |方法名 | 傳參 | 說明| |--- |--- | ---| |options | none | 返回屬性對象| |disable | none | 禁止按鈕| |enable | none | 啟用按鈕| |select | none | 選擇按鈕| |unselect | none | 取消選擇按鈕| ``` // 返回屬性對象 console.log($('#pox').linkbutton('options')); // 禁用按鈕 $('#pox').linkbutton('disable'); // 啟用按鈕 $('#pox').linkbutton('enable'); // 選擇按鈕 $('#pox').linkbutton('select'); // 取消選擇按鈕 $('#pox').linkbutton('unselect'); // 可以使用$.fn.linkbutton.defaults 重寫默認值對象。 $.fn.linkbutton.defaults.iconCls = 'icon-add'; ```