LinkButton(按鈕)組件

一、//class加載方式

      <div id="pos" class="easyui-linkbutton">按鈕</div>

二、js加載方式

   <a id="pos" href="#">按鈕</a>

   <a id="bob" href="#">按鈕一</a>

   $("#pos").linkbutton({
        //屬性
　　　　id:"non", //改變id
　　　　text:"按鈕1", // 按鈕文字,默認為空字符串 值為string
　　　　toggle:true, //true 允許用戶切換其狀態是否被選中，可實現 checkbox 復選效果。默認為 false
　　　　disabled:false , //設置為 true 則禁用調整,默認為 false
　　　　selected:false, //定義按鈕初始的選擇狀態，true是被選中，false為未選中。默認為 false
　　　　group:'sex',// *在a標簽下起作用，指定相同組名的按鈕同屬於一個組,可實現radio單選效果,默認為 null,值為string
　　　　plain:true, //設置 true 時顯示簡潔效果。默認為 false
　　　　iconCls:'icon-filter',//顯示在按鈕文字左側的圖標（16x16）的CSS類ID,默認為 null,值為string
　　　　iconAlign:'right',//按鈕圖標位置。默認為 left，還有 right/top/bottom
   } );
　　//方法
　　　　//返回屬性對象 console.log($('#pos').linkbutton('options'));
　　　　//禁用按鈕 $('#pos').linkbutton('disable');
　　　　//啟用按鈕 $('#pos').linkbutton('enable');
　　　　//選擇按鈕 $('#pos').linkbutton('select');
　　　　//取消選擇按鈕 $('#pos').linkbutton('unselect');

　　$("#bob").linkbutton({
　　　　toggle:true,
　　　　group:'sex',
　　})

三、可以使用重寫默認值對象​ $.fn.linkbutton.defaults.iconCls = 'icon-edit';